{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "code-block-diff",
  "registryDependencies": [
    "https://taki-ui.com/r/code-block.json",
    "https://taki-ui.com/r/button.json"
  ],
  "files": [
    {
      "path": "registry/new-york/examples/code-block-diff.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 CodeBlockDiffDemo() {\n  const codeData = [\n    {\n      language: \"javascript\",\n      filename: \"utils.js\",\n      code: `function calculateTotal(items) {\n  let total = 0;\n  for (let i = 0; i < items.length; i++) {\n    total += items[i].price * items[i].quantity; // [!code --]\n    const itemTotal = items[i].price * items[i].quantity; // [!code ++]\n    total += itemTotal; // [!code ++]\n  }\n  return total;\n}`,\n    },\n  ]\n\n  return (\n    <CodeBlock data={codeData} defaultValue=\"javascript\">\n      <CodeBlockHeader>\n        <CodeBlockFilename value=\"javascript\">\n          {codeData[0].filename}\n        </CodeBlockFilename>\n        <CodeBlockCopyButton />\n      </CodeBlockHeader>\n      <CodeBlockBody>\n        {(item) => (\n          <CodeBlockItem key={item.language} value={item.language}>\n            <CodeBlockContent language={item.language as any}>\n              {item.code}\n            </CodeBlockContent>\n          </CodeBlockItem>\n        )}\n      </CodeBlockBody>\n    </CodeBlock>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}