{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "select-19",
  "type": "registry:component",
  "title": "Select 19",
  "description": "Select 19. A versatile selection component that provides a sleek, accessible way to choose options from a list.",
  "dependencies": [],
  "registryDependencies": [
    "label",
    "select"
  ],
  "files": [
    {
      "path": "components/watermelon/select-19.tsx",
      "type": "registry:component",
      "content": "import { useId } from 'react';\n\nimport { Label } from '@/components/base-ui/label';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/base-ui/select';\n\nconst Select19 = () => {\n  const id = useId();\n\n  return (\n    <div className=\"w-full max-w-xs space-y-2 opacity-60\">\n      <Label htmlFor={id} className=\"text-zinc-600 dark:text-zinc-400\">\n        Transfer Protocol (Locked)\n      </Label>\n      <Select defaultValue=\"v2\" disabled>\n        <SelectTrigger \n          id={id} \n          className=\"w-full rounded-xl border-zinc-200 bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 shadow-none cursor-not-allowed\"\n        >\n          <SelectValue placeholder=\"System protocol\" />\n        </SelectTrigger>\n        <SelectContent position=\"popper\" sideOffset={4} className=\"rounded-xl border-zinc-200 bg-white p-1 shadow-lg dark:border-zinc-800 dark:bg-zinc-950\">\n          <SelectItem value=\"v1.1\" className=\"rounded-lg\">HTTP/1.1 Standard</SelectItem>\n          <SelectItem value=\"v2\" className=\"rounded-lg\">HTTP/2 Binary</SelectItem>\n          <SelectItem value=\"v3\" className=\"rounded-lg\">HTTP/3 QUIC</SelectItem>\n        </SelectContent>\n      </Select>\n    </div>\n  );\n};\n\nexport default Select19;\n"
    }
  ]
}