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

const sampleDiff = `diff --git a/src/components/previewer/CodexDiffBlock.tsx b/src/components/previewer/CodexDiffBlock.tsx
new file mode 100644
index 0000000..1111111
--- /dev/null
+++ b/src/components/previewer/CodexDiffBlock.tsx
@@ -0,0 +1,3 @@
+export function CodexDiffBlock() {
+  return null;
+}`;

export const sampleMeta: SampleMeta = {
  id: 'codex-diff-previewer-base',
  componentId: 'codex-diff-previewer',
  title: 'Codex Diff Previewer',
  description: '변경 파일 전체 소스와 raw diff를 함께 보여주는 codex 스타일 diff preview 컴포넌트입니다.',
  category: 'Display',
  kind: 'base',
  variantLabel: 'Base',
  order: 71,
  features: ['docs'],
};

export function Sample() {
  return (
    <CodexDiffPreviewer
      title="작업 소스"
      description="변경 및 신규 파일 미리보기"
      files={[
        {
          path: 'src/components/previewer/CodexDiffBlock.tsx',
          previousPath: null,
          status: 'added',
          language: 'tsx',
          content: `export function CodexDiffBlock() {\n  return null;\n}`,
        },
      ]}
      diffText={sampleDiff}
      height={320}
    />
  );
}
