import React from "react";
import { BoxProps } from "../Box";
export declare enum SEARCH_FILTER_DIRECTION {
    LEFT = "left",
    RIGHT = "right"
}
export interface SearchFilterProps extends BoxProps {
    inputValue: string;
    onInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
    onSearchSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
    onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;
    autoClose?: boolean;
    onClose?: () => void;
    direction?: SEARCH_FILTER_DIRECTION;
    placeholder?: string;
}
export declare const SearchFilter: ({ className, direction, placeholder, inputValue, onInputChange, onSearchSubmit, onClear, autoClose, onClose, ...rest }: SearchFilterProps) => JSX.Element;