/// <reference types="@emotion/styled/macro" />
import React, { ReactElement } from 'react';
import { Props as DropdownProps } from 'components/common/dropdown/dropdown.component';
export declare const StyledDropdown: import("@emotion/styled-base").StyledComponent<{
    children?: React.ReactNode;
}, any, object>;
interface Props<OptionType> extends Omit<DropdownProps<OptionType>, 'isMulti' | 'isClearable' | 'value'> {
    selectedOptions: OptionType[];
    renderSelectedOption: (option: OptionType, isDragging: boolean) => ReactElement;
    onOrderChange: (options: OptionType[]) => void;
    maxSelectedOptions: number;
    noSelectedOptionsMessage: string;
    limitReachedMessage: string;
    sidePadding?: number;
    isOpen?: boolean;
    isOnFocus?: boolean;
    onBlur?: () => void;
}
export declare const SortableMultiValueSearchBox: <OptionType extends {}>({ onChange, getOptionValue, selectedOptions, renderSelectedOption, onOrderChange, maxSelectedOptions, noSelectedOptionsMessage, limitReachedMessage, isOpen, isOnFocus, onBlur, sidePadding, placeholder, options, ...props }: Props<OptionType>) => ReactElement;
export {};