{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "choicebox-icon-example",
  "title": "Choicebox Icon",
  "description": "choicebox-icon-example",
  "registryDependencies": [
    "https://intentui.com/r/choice-box"
  ],
  "files": [
    {
      "path": "src/components/examples/collections/choicebox/choicebox-icon-example.tsx",
      "content": "'use client'\n\nimport { BrandLaravelIcon } from '@/components/icons/brand-laravel-icon'\nimport { BrandReactjsIcon } from '@/components/icons/brand-reactjs-icon'\nimport { BrandTypescriptIcon } from '@/components/icons/brand-typescript-icon'\nimport {\n  ChoiceBox,\n  ChoiceBoxDescription,\n  ChoiceBoxItem,\n  ChoiceBoxLabel,\n} from '@/components/ui/choice-box'\n\nexport default function ChoiceboxIconDemo() {\n  return (\n    <ChoiceBox\n      className=\"mx-auto max-w-lg\"\n      selectionMode=\"multiple\"\n      defaultSelectedKeys={['Standard']}\n      aria-label=\"Select prices\"\n      gap={0}\n      columns={1}\n      items={frameworks}\n    >\n      {(item) => (\n        <ChoiceBoxItem textValue={item.label}>\n          <item.icon />\n          <ChoiceBoxLabel>{item.label}</ChoiceBoxLabel>\n          <ChoiceBoxDescription>{item.description}</ChoiceBoxDescription>\n        </ChoiceBoxItem>\n      )}\n    </ChoiceBox>\n  )\n}\n\nconst frameworks = [\n  {\n    id: 'laravel',\n    label: 'Laravel',\n    description: 'Laravel is a web application framework with expressive, elegant syntax.',\n    icon: BrandLaravelIcon,\n  },\n  {\n    id: 'react',\n    label: 'React',\n    description: 'React is a JavaScript library for building user interfaces.',\n    icon: BrandReactjsIcon,\n  },\n  {\n    id: 'ts',\n    label: 'Typescript',\n    description: 'Typescript is a typed superset of JavaScript that compiles to plain JavaScript.',\n    icon: BrandTypescriptIcon,\n  },\n]\n",
      "type": "registry:page",
      "target": "app/choicebox-icon-example/page.tsx"
    }
  ],
  "type": "registry:page"
}