import { TextAreaCompound } from './types';
/**
  * A styled textarea built with a native `<textarea>` and selectable label text.
  *
  * - `startIcon` - Iconify icon name rendered on the left.
  * - `endAction` - any ReactNode (e.g. `<IconButton>`) rendered on the right.
  * - `width` - overrides the default `100%` wrapper width.
  * - `rows` - sets the native number of visible text lines.
  * - `minRows` / `maxRows` - enables auto-resize; the textarea grows with content
  *   until it reaches `maxRows`, then stops expanding and shows a scrollbar.
  *   Manual resizing is always disabled.
  *
  * Focus ring behavior: visible only on keyboard navigation (Tab). A click on the
  * textarea shows the primary border without the ring halo, detected via `onMouseDown`
  * and a `data-mouse-focus` attribute.
  *
  * @example
  * ```tsx
  * <TextArea label="Description" placeholder="Tell us more…" rows={4} />
  * <TextArea label="Comment" startIcon="lucide:message-square" minRows={2} maxRows={6} />
  * <TextArea label="Bio" endAction={<IconButton icon="lucide:x" aria-label="Clear" variant="ghost" color="primary" />} />
  * <TextArea label="Notes" width="24rem" />
  * ```
  */
declare const TextArea: TextAreaCompound;
export default TextArea;