import * as React from 'react'; export interface SearchProps extends Omit, 'size'> { onSearch?: (value: string) => void; onClear?: () => void; containerClassName?: string; /** * Size variant — matches the Input component sizing scale. * - `sm`: h-8 (32px), text-sm * - `md`: h-10 (40px), text-base — **default**, aligned with Input default * - `lg`: h-12 (48px), text-base */ size?: 'sm' | 'md' | 'lg'; /** Accessible label for the search icon / input. @default "Search" */ searchLabel?: string; /** Accessible label for the clear button. @default "Clear search" */ clearLabel?: string; } /** * Pre-built search input with integrated icon and clear button. * * @description * An input optimized for search interactions with a built-in magnifying glass icon, * clear button (Escape key or X icon), and consistent styling. * Supports the same size scale as Input (`sm`, `md`, `lg`) for consistent form alignment. * * @ai-rules * 1. Use for global or local list/table search — prefer this over raw `` for search features. * 2. Use `onSearch` to react to value changes, or `onClear` when the user clears the input. * 3. For a command palette (Cmd+K), use `` instead. */ declare const Search: React.ForwardRefExoticComponent>; export { Search };