{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "autosize-textarea-ref",
  "title": "Autosize Textarea Ref",
  "description": "component for the Autosize Textarea Ref",
  "registryDependencies": [
    "@spectrumui/autosize-textarea-dependecies"
  ],
  "files": [
    {
      "path": "app/registry/autosize-textarea/usage/autosize-textarea-with-ref.tsx",
      "content": "\"use client\";\nimport React, { useState } from \"react\";\nimport {\n  AutosizeTextarea,\n  AutosizeTextAreaRef,\n} from \"@/components/ui/autosize-textarea\";\n\nconst AutosizeTextareaWithRef = () => {\n  const ref = React.useRef<AutosizeTextAreaRef>(null);\n  const [currMaxHeight, setCurrMaxHeight] = useState(0);\n  React.useEffect(() => {\n    if (ref.current) {\n      setCurrMaxHeight(ref.current.maxHeight);\n    }\n  }, []);\n  return (\n    <div className=\"flex w-full flex-col gap-2 px-10\">\n      <p>current max height from ref: {currMaxHeight}</p>\n      <AutosizeTextarea\n        ref={ref}\n        maxHeight={200}\n        placeholder=\"with ref example.\"\n      />\n    </div>\n  );\n};\n\nexport default AutosizeTextareaWithRef;\n",
      "type": "registry:component",
      "target": "components/spectrumui/autosize-textarea-with-ref.tsx"
    }
  ],
  "type": "registry:component"
}