{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "select-11",
  "title": "Controlled Select",
  "description": "A controlled select component",
  "registryDependencies": [
    "select"
  ],
  "files": [
    {
      "path": "src/components/customized/select/select-11.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\n\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} from \"@/registry/ui/select\";\n\nexport default function ControlledSelectDemo() {\n  const [value, setValue] = React.useState(\"blueberry\");\n\n  return (\n    <Select onValueChange={setValue} value={value}>\n      <SelectTrigger className=\"w-[180px]\">\n        <SelectValue placeholder=\"Select a fruit\" />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectGroup>\n          <SelectLabel>Fruits</SelectLabel>\n          <SelectItem value=\"apple\">Apple</SelectItem>\n          <SelectItem value=\"banana\">Banana</SelectItem>\n          <SelectItem value=\"blueberry\">Blueberry</SelectItem>\n          <SelectItem value=\"grapes\">Grapes</SelectItem>\n          <SelectItem value=\"pineapple\">Pineapple</SelectItem>\n        </SelectGroup>\n      </SelectContent>\n    </Select>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}