A styled textarea component built with `React.forwardRef`, applying ODS (OpenFrame Design System) tokens for consistent theming and accessibility. ## Key Components - **`Textarea`** — A forwarded-ref wrapper around the native `` element with ODS design tokens applied via `cn` utility - **`TextareaProps`** — Extends all standard `React.TextareaHTMLAttributes<HTMLTextAreaElement>` for full native prop support ## Usage Example ```typescript import { Textarea } from "./textarea" // Basic usage <Textarea placeholder="Enter description..." /> // With custom class and controlled value <Textarea className="resize-none" value={notes} onChange={(e) => setNotes(e.target.value)} rows={5} disabled={isSubmitting} /> ``` ## Styling Highlights | Feature | Detail | |---|---| | Min height | `80px` | | Border | `ods-border` token | | Background | `ods-card` token | | Focus ring | `ods-accent` color, 2px offset | | Disabled state | `cursor-not-allowed` + `ods-bg` background | | Mobile | `touch-manipulation` prevents double-tap zoom |