import { FC, ChangeEvent } from "react";
import { BoxProps } from "@material-ui/core";
declare type SearchBarVariant = "outlined" | "contained";
interface SearchBarProps extends BoxProps {
    /** onChange handler passed down to the InputBase element. */
    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
    /** Callback fired when the user clicks the "x" button. */
    onClear?: (el: HTMLInputElement) => void;
    /** Force the X button to display instead of the search icon */
    forceShowClear?: boolean;
    searchIconPosition?: "left" | "right";
    /** Callback fired when the user clicks the search icon button. Focusses the element by default. */
    onSearch?: () => void;
    /** Handle focus and blur events */
    onFocus?: () => void;
    onBlur?: () => void;
    /** The input label to display */
    label?: string;
    /** placeholder attribute passed down to the InputBase element. */
    placeholder?: string;
    /** value Prop passed down to the InputBase element. */
    value?: string;
    /** Visually changes the search bar. Defaults to "outlined". */
    variant?: SearchBarVariant;
}
export declare const SearchBar: FC<SearchBarProps>;
export {};
//# sourceMappingURL=index.d.ts.map