import type { SampleMeta } from '../../../widgets/core';
import { SearchCommandModal } from '../SearchCommandModal';

const options = [
  {
    id: 'component-select',
    label: 'Select Input',
    group: 'Component',
    description: '센터 선택용 select 컴포넌트',
    keywords: ['select', 'input', 'filter'],
    onSelect: () => {},
  },
  {
    id: 'widget-dashboard',
    label: 'Dashboard Report',
    group: 'Widget',
    description: '대시보드 리포트 위젯',
    keywords: ['report', 'dashboard'],
    onSelect: () => {},
  },
];

export const sampleMeta: SampleMeta = {
  id: 'search-command-modal-base',
  componentId: 'search-command-modal',
  title: 'Search Command Modal',
  description: '키워드 검색으로 문서, 컴포넌트, 위젯을 빠르게 찾는 커맨드 모달입니다.',
  category: 'Search',
  kind: 'base',
  variantLabel: 'Base',
  order: 82,
  features: ['docs'],
};

export function Sample() {
  return (
    <SearchCommandModal
      open
      options={options}
      mode="navigate"
      onClose={() => {}}
      onSelectOption={() => {}}
    />
  );
}
