import { default as React } from 'react';
export interface SearchFieldProps {
    value?: string;
    onChange?: (value: string) => void;
    onSubmit?: (value: string) => void;
    placeholder?: string;
    'aria-label'?: string;
    className?: string;
    isDisabled?: boolean;
    /** Debounce delay in milliseconds. Default: 300ms */
    debounce?: number;
}
/**
 * SearchField component - A search input with clear button and proper semantics.
 *
 * Built on React Aria's SearchField for accessibility and UX best practices.
 * Includes automatic debouncing (300ms default) and a clear button.
 *
 * @example
 * ```tsx
 * <SearchField
 *   value={searchQuery}
 *   onChange={setSearchQuery}
 *   placeholder="Search..."
 *   aria-label="Search products"
 *   debounce={500}
 * />
 * ```
 */
export declare const SearchField: React.ForwardRefExoticComponent<SearchFieldProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=SearchField.d.ts.map