import { TextFieldCompound } from './types';
/**
  * A styled text input built with a native `<input>` and selectable label text.
  *
  * - `startIcon` - Iconify icon name rendered on the left.
  * - `endAction` - any ReactNode (e.g. `<IconButton>`) rendered on the right.
  * - `type="password"` - auto-shows an eye-toggle `IconButton` (overrides `endAction`).
  * - `width` - overrides the default `100%` wrapper width.
  *
  * Focus ring behavior: visible only on keyboard navigation (Tab). A click on the
  * input shows the primary border without the ring halo, detected via `onMouseDown`
  * and a `data-mouse-focus` attribute.
  *
  * @example
  * ```tsx
  * <TextField label="Email" startIcon="lucide:mail" placeholder="you@example.com" />
  * <TextField label="Password" type="password" />
  * <TextField label="Search" endAction={<IconButton icon="lucide:search" aria-label="Search" variant="ghost" color="primary" />} />
  * <TextField label="Amount" width="12rem" />
  * ```
  */
declare const TextField: TextFieldCompound;
export default TextField;