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

export const sampleMeta: SampleMeta = {
  id: 'markdown-preview-card-base',
  componentId: 'markdown-preview-card',
  title: 'Markdown Preview Card',
  description: 'markdown 문서를 카드 레이아웃으로 감싸서 렌더링하는 컴포넌트입니다.',
  category: 'Docs',
  kind: 'base',
  variantLabel: 'Base',
  order: 84,
  features: ['docs'],
};

export function Sample() {
  return (
    <MarkdownPreviewCard
      document={{
        id: 'guide-1',
        title: '운영 가이드',
        preview: '입고와 출고 절차 요약',
        path: '/docs/guides/operations.md',
        folder: 'guides',
        content: `# 운영 가이드\n## 입고\n- 입고 검수\n- 적치 확정`,
      }}
    />
  );
}
