{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comp-73",
  "type": "registry:component",
  "files": [
    {
      "path": "registry/default/components/comp-73.tsx",
      "content": "import { useId } from \"react\";\n\nexport default function Component() {\n  const id = useId();\n  return (\n    <div className=\"relative rounded-md border border-input bg-background shadow-xs outline-none transition-[color,box-shadow] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-aria-invalid:border-destructive has-disabled:opacity-50 has-aria-invalid:ring-destructive/20 has-[input:is(:disabled)]:*:pointer-events-none dark:has-aria-invalid:ring-destructive/40\">\n      <label\n        className=\"block px-3 pt-2 font-medium text-foreground text-xs\"\n        htmlFor={id}\n      >\n        Textarea with inset label\n      </label>\n      <textarea\n        className=\"flex min-h-[70px] w-full bg-transparent px-3 pb-2 text-foreground text-sm placeholder:text-muted-foreground/70 focus-visible:outline-none\"\n        id={id}\n      />\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "tags": [
      "label",
      "textarea"
    ]
  }
}