import { default as React } from 'react';
/** Tracking event data for search input interactions */
export interface SearchInputTrackingData {
    /** Action performed */
    action: 'search' | 'clear';
    /** Optional custom label for tracking */
    trackingLabel?: string;
    /** Optional component context */
    componentName?: string;
}
export interface SearchInputProps {
    /** Current search query */
    value?: string;
    /** Callback when query changes */
    onChange?: (query: string) => void;
    /** Placeholder text */
    placeholder?: string;
    /** Auto-focus on mount */
    autoFocus?: boolean;
    /** Disabled state */
    disabled?: boolean;
    /** Size variant */
    size?: 'sm' | 'md' | 'lg';
    /** Show search icon */
    showIcon?: boolean;
    /** Show clear button when has value */
    showClear?: boolean;
    /** Loading state */
    loading?: boolean;
    /** Additional className */
    className?: string;
    /** Additional input props */
    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
    /** Optional callback for tracking search interactions */
    onTrack?: (data: SearchInputTrackingData) => void;
    /** Custom label for tracking */
    trackingLabel?: string;
    /** Component name for tracking context */
    componentName?: string;
}
/**
 * SearchInput Component
 *
 * Search input field with icon, clear button, and loading state.
 * Controlled or uncontrolled component with debouncing support.
 *
 * @example
 * ```tsx
 * <SearchInput
 *   placeholder="Search emails..."
 *   onChange={query => setSearchQuery(query)}
 * />
 * ```
 *
 * @example
 * ```tsx
 * <SearchInput
 *   value={query}
 *   onChange={setQuery}
 *   loading={isSearching}
 *   size="lg"
 * />
 * ```
 */
export declare const SearchInput: React.FC<SearchInputProps>;
//# sourceMappingURL=search-input.d.ts.map