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

export const sampleMeta: SampleMeta = {
  id: 'previewer-ui-base',
  componentId: 'previewer-ui',
  title: 'Previewer UI',
  description: 'text, json, code, image를 공통 레이아웃으로 렌더링하는 preview 컴포넌트입니다.',
  category: 'Display',
  kind: 'base',
  variantLabel: 'Base',
  order: 70,
  features: ['docs'],
};

export function Sample() {
  return (
    <PreviewerUI
      type="code"
      title="Code Preview"
      description="TypeScript sample"
      language="typescript"
      value={`type WindowState = {\n  id: string;\n  title: string;\n};`}
    />
  );
}
