<!-- source-hash: 8c7049b50a6628e646e651c6135a8b60 -->
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 `<textarea>` 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 |