{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "code-block-custom-theme",
  "registryDependencies": [
    "https://taki-ui.com/r/code-block.json",
    "https://taki-ui.com/r/button.json"
  ],
  "files": [
    {
      "path": "registry/new-york/examples/code-block-custom-theme.tsx",
      "content": "\"use client\"\n\nimport {\n  CodeBlock,\n  CodeBlockBody,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockFilename,\n  CodeBlockHeader,\n  CodeBlockItem,\n} from \"@/registry/new-york/ai-elements/code-block\"\n\nexport default function CodeBlockCustomThemeDemo() {\n  const codeData = [\n    {\n      language: \"jsx\",\n      filename: \"MyComponent.jsx\",\n      code: `function MyComponent(props) {\n  return (\n    <div>\n      <h1>Hello, {props.name}!</h1>\n      <p>This is an example React component.</p>\n    </div>\n  );\n}`,\n    },\n  ]\n\n  return (\n    <CodeBlock data={codeData} defaultValue=\"jsx\">\n      <CodeBlockHeader>\n        <CodeBlockFilename value=\"jsx\">\n          {codeData[0].filename}\n        </CodeBlockFilename>\n        <CodeBlockCopyButton />\n      </CodeBlockHeader>\n      <CodeBlockBody>\n        {(item) => (\n          <CodeBlockItem key={item.language} value={item.language}>\n            <CodeBlockContent\n              language={item.language as any}\n              themes={{\n                light: \"vitesse-light\",\n                dark: \"vitesse-dark\",\n              }}\n            >\n              {item.code}\n            </CodeBlockContent>\n          </CodeBlockItem>\n        )}\n      </CodeBlockBody>\n    </CodeBlock>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}