import { SkeletonTemplateProps } from '../atoms/SkeletonTemplate';
export interface SearchBarProps extends Pick<SkeletonTemplateProps, "isLoading" | "delayMs"> {
    /**
     * Initial value of the search bar. When changed, the search bar will be updated.
     */
    initialValue?: string;
    /**
     * Callback triggered when the user types in the search bar, it returns the current value of the search bar.
     * By default, this callback is debounced by 500ms.
     */
    onSearch: (hint: string) => void;
    /**
     * Callback triggered when the user clicks on the clear button.
     */
    onClear?: () => void;
    /**
     * Debounce time in ms for the onSearch callback. Set to 0 to disable debounce.
     * @default 500
     */
    debounceMs?: number;
    /**
     * CSS classes
     */
    className?: string;
    /**
     * Placeholder text for the input element
     */
    placeholder?: string;
    /**
     * Enable auto focus on the input element
     */
    autoFocus?: boolean;
    /**
     * Variant of the search bar
     */
    variant?: "outline";
}
/**
 * This component renders a search bar with a clear button with debounced `onSearch` callback.
 * <span type='info'>In this way the `onSearch` callback will be triggered only when the user stops typing
 * for the specified value of `debounceMs` (default 500ms).</span>
 */
export declare const SearchBar: import('react').ForwardRefExoticComponent<SearchBarProps & import('react').RefAttributes<HTMLInputElement>>;