{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "textarea-16",
  "type": "registry:component",
  "title": "Textarea 16",
  "description": "Textarea 16. 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-16.tsx",
      "type": "registry:component",
      "content": "import { useId } from 'react';\nimport { Textarea } from '@/components/base-ui/textarea';\nconst Textarea16 = () => {\n  const id = useId();\n\n  return (\n    <div className=\"border-input bg-transparent focus-within:border-primary/50 focus-within:ring-primary/20 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive relative w-full max-w-sm rounded-md border shadow-xs transition-[color,box-shadow] outline-none 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 overflow-hidden \"> \n      <label\n        htmlFor={id}\n        className=\"text-foreground block px-3 pt-1 text-xs font-medium bg-transparent dark:bg-input/30\"\n      >\n        Quick note\n      </label>\n      <Textarea\n        id={id}\n        placeholder=\"Write something short...\"\n        className=\"text-foreground placeholder:text-muted-foreground/70 flex min-h-14! w-full border-none px-3! py-0 py-1.5 text-sm focus-visible:ring-0 focus-visible:outline-none rounded-none\"\n      />\n    </div>\n  );\n};\n\nexport default Textarea16;\n"
    }
  ]
}