{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "textarea-13",
  "type": "registry:component",
  "title": "Textarea 13",
  "description": "Textarea 13. A multi-line input field that allows users to enter longer blocks of text, such as messages, descriptions, or comments.",
  "dependencies": [],
  "registryDependencies": [
    "label",
    "textarea"
  ],
  "files": [
    {
      "path": "components/watermelon/textarea-13.tsx",
      "type": "registry:component",
      "content": "import { useId } from 'react';\n\nimport { Label } from '@/components/base-ui/label';\nimport { Textarea } from '@/components/base-ui/textarea';\n\nconst Textarea13 = () => {\n  const id = useId();\n\n  return (\n    <div className=\"w-full max-w-sm space-y-2\">\n      <Label htmlFor={id}>Generated output</Label>\n      <Textarea\n        id={id}\n        className=\"read-only:bg-muted focus-visible:ring-primary/20 focus-visible:border-primary/50 rounded-sm shadow-[inset_0_-1px_0_0px_rgba(0,0,0,0.04),inset_0_1px_0_0px_rgba(255,255,255,0.5)]  focus-visible:ring-2 dark:shadow-[inset_0_-1px_0_1px_rgba(0,0,0,0.04),inset_0_1px_0px_0px_rgba(255,255,255,0.2)]\"\n        defaultValue=\"This content is generated and cannot be edited.\"\n        placeholder=\"Output will appear here...\"\n        readOnly\n      />\n    </div>\n  );\n};\n\nexport default Textarea13;\n"
    }
  ]
}