{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comp-217",
  "type": "registry:component",
  "title": "Comp 217",
  "description": "Comp 217",
  "files": [
    {
      "path": "registry/ui-basic/comp-217.tsx",
      "content": "import { useId } from \"react\";\n\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectItem,\n\tSelectTrigger,\n\tSelectValue,\n} from \"@/components/ui/select\";\n\nexport default function Component() {\n\tconst id = useId();\n\treturn (\n\t\t<div className=\"border-input bg-background focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive relative rounded-md border shadow-2xs transition-[color,box-shadow] outline-hidden focus-within:ring-[3px] has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 *:has-[input:is(:disabled)]:pointer-events-none\">\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclassName=\"text-foreground block px-3 pt-2 text-xs font-medium\"\n\t\t\t>\n\t\t\t\tSelect with inset label\n\t\t\t</label>\n\t\t\t<Select>\n\t\t\t\t<SelectTrigger\n\t\t\t\t\tid={id}\n\t\t\t\t\tclassName=\"border-none bg-transparent shadow-none focus:ring-0 focus:ring-offset-0\"\n\t\t\t\t>\n\t\t\t\t\t<SelectValue placeholder=\"Select framework\" />\n\t\t\t\t</SelectTrigger>\n\t\t\t\t<SelectContent>\n\t\t\t\t\t<SelectItem value=\"1\">React</SelectItem>\n\t\t\t\t\t<SelectItem value=\"2\">Next.js</SelectItem>\n\t\t\t\t\t<SelectItem value=\"3\">Astro</SelectItem>\n\t\t\t\t\t<SelectItem value=\"4\">Gatsby</SelectItem>\n\t\t\t\t</SelectContent>\n\t\t\t</Select>\n\t\t</div>\n\t);\n}\n",
      "type": "registry:ui"
    }
  ]
}