{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "install-tabs-demo",
  "type": "registry:ui",
  "title": "Install Tabs Demo",
  "description": "Demo showing an install tabs.",
  "registryDependencies": [
    "https://animate-ui.com/r/code-tabs"
  ],
  "files": [
    {
      "path": "registry/demo/components/install-tabs/index.tsx",
      "content": "import { CodeTabs } from '@/components/animate-ui/components/code-tabs';\n\nconst COMMANDS = {\n  npm: `npx shadcn@latest add \"https://animate-ui.com/r/code-tabs\"`,\n  pnpm: `pnpm dlx shadcn@latest add \"https://animate-ui.com/r/code-tabs\"`,\n  yarn: `npx shadcn@latest add \"https://animate-ui.com/r/code-tabs\"`,\n  bun: `bun x --bun shadcn@latest add \"https://animate-ui.com/r/code-tabs\"`,\n};\n\nexport const InstallTabsDemo = () => {\n  return (\n    <CodeTabs defaultValue=\"pnpm\" className=\"max-w-[650px]\" codes={COMMANDS} />\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/animate-ui/demo/components/install-tabs.tsx"
    }
  ]
}