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

export const sampleMeta: SampleMeta = {
  id: 'markdown-preview-list-base',
  componentId: 'markdown-preview-list',
  title: 'Markdown Preview List',
  description: '여러 markdown 문서를 목록 형태로 렌더링하는 컴포넌트입니다.',
  category: 'Docs',
  kind: 'base',
  variantLabel: 'Base',
  order: 85,
  features: ['docs'],
};

export function Sample() {
  return (
    <MarkdownPreviewList
      entries={[]}
      documents={[
        {
          id: 'guide-1',
          title: '입고 작업 가이드',
          preview: '입고 절차',
          path: '/docs/guides/inbound.md',
          folder: 'guides',
          content: `# 입고 작업 가이드\n- 검수\n- 적치`,
        },
        {
          id: 'guide-2',
          title: '출고 작업 가이드',
          preview: '출고 절차',
          path: '/docs/guides/outbound.md',
          folder: 'guides',
          content: `# 출고 작업 가이드\n- 피킹\n- 패킹`,
        },
      ]}
    />
  );
}
