{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "text-area",
  "type": "registry:ui",
  "title": "Text Area",
  "description": "Enhanced textarea input with consistent styling and a resize handle",
  "dependencies": [
    "react"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/react/ui/text-area.tsx",
      "content": "import React from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\n\nexport const TextArea: React.FC<TextareaHTMLAttributes<HTMLTextAreaElement>> = (\n  props\n) => {\n  return (\n    <div className=\"skin-form input-wrapper w-full\">\n      <textarea\n        {...props}\n        className={`input-field !text-body placeholder:soft interactive ${\n          props.className || \"\"\n        }`}\n      />\n      <svg\n        className=\"resize-handle soft\"\n        viewBox=\"0 0 16 16\"\n        fill=\"currentColor\"\n      >\n        <path d=\"M12.9627 2L2 12.9843L3.01375 14L13.9764 3.01575L12.9627 2Z\" />\n        <path d=\"M6.50295 12.9843L12.9862 6.48819L14 7.50394L7.5167 14L6.50295 12.9843Z\" />\n        <path d=\"M11.0766 12.937L12.9862 11.0236L14 12.0394L12.0904 13.9528L11.0766 12.937Z\" />\n      </svg>\n    </div>\n  );\n};\n\nexport default TextArea;\n",
      "type": "registry:ui",
      "target": "react/ui/text-area.tsx"
    }
  ]
}