export type SearchableDropdownOption = {
    title: string;
    key: string;
    isSelected?: boolean;
    isDisabled?: boolean;
    matchSearchQuery?: string;
};
export type SearchableDropdownSection = {
    key: string;
    title?: string;
    items: SearchableDropdownOption[];
};
type SearchableDropdownProps = {
    id?: string;
    label?: string;
    placeholder?: string;
    options?: SearchableDropdownOption[];
    sections?: SearchableDropdownSection[];
    error?: boolean;
    errorMessage?: string;
    headerComponent?: any;
    itemComponent?: any;
    asideComponent?: any;
    selectedComponent?: any;
    noResultComponent?: any;
    onSelect?: (item: SearchableDropdownOption) => void;
    onSearchAsync?: (query: string) => void;
    dropdownMaxHeight?: number;
    onOpen?: (isOpen: boolean) => void;
};
export declare const SearchableDropdown: ({ id, options, sections, label, placeholder, onSelect, error, errorMessage, onSearchAsync, headerComponent, itemComponent, asideComponent, selectedComponent, noResultComponent, dropdownMaxHeight, onOpen, }: SearchableDropdownProps) => JSX.Element;
export default SearchableDropdown;