{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "textarea-11",
  "type": "registry:component",
  "title": "Textarea 11",
  "description": "Textarea 11. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.",
  "dependencies": [],
  "registryDependencies": [
    "textarea"
  ],
  "files": [
    {
      "path": "components/watermelon/textarea-11.tsx",
      "type": "registry:component",
      "content": "import { useId } from 'react';\n\nimport { Textarea } from '@/components/base-ui/textarea';\n\nconst Textarea11 = () => {\n  const id = useId();\n\n  return (\n    <div className=\"group relative w-full max-w-sm space-y-2\">\n      <label\n        htmlFor={id}\n        className=\"origin-start text-muted-foreground/70 group-focus-within:text-foreground absolute top-0 block translate-y-2 cursor-text px-2 text-sm transition-all group-focus-within:pointer-events-none group-focus-within:-translate-y-1/2 group-focus-within:scale-95 group-focus-within:cursor-default group-focus-within:text-xs group-focus-within:font-medium has-[+textarea:not(:placeholder-shown)]:pointer-events-none has-[+textarea:not(:placeholder-shown)]:-translate-y-1/2 has-[+textarea:not(:placeholder-shown)]:cursor-default has-[+textarea:not(:placeholder-shown)]:text-xs has-[+textarea:not(:placeholder-shown)]:font-medium\"\n      >\n        <span className=\"bg-background inline-flex px-1\">Project summary</span>\n      </label>\n      <Textarea\n        id={id}\n        placeholder=\" \"\n        className=\"!bg-background focus-visible:ring-primary/20 focus-visible:border-primary/50 rounded-sm shadow-sm\"\n      />\n    </div>\n  );\n};\n\nexport default Textarea11;\n"
    }
  ]
}