import * as React from 'react';
import { ReactNode } from 'react';
import { FlexProps } from '../Flex';
export type DropdownOption = {
    label: string;
    value: string;
};
export type DropdownProps = Omit<FlexProps & React.HTMLProps<HTMLDivElement>, 'onChange' | 'value' | 'as' | 'flexDirection' | 'alignItems' | 'height' | 'size'> & {
    autoFocus?: boolean;
    expanded?: boolean;
    disabled?: boolean;
    multiple?: boolean;
    allowSearch?: boolean;
    emptyText?: string;
    placeholder?: ReactNode;
    clearButtonProps?: any;
    value: string | number | null | undefined;
    renderLabel?: (label?: string | null, option?: DropdownOption) => ReactNode;
    name?: string;
    showEmptyItem?: boolean;
    options: (DropdownOption | string)[] | (() => (DropdownOption | string)[]);
    defaultExpanded?: boolean;
    showClearButton?: boolean;
    onChange?: (value: any, e?: React.SyntheticEvent, option?: DropdownOption) => void;
    onCollapse?: () => void | Function;
    onExpand?: () => void | Function;
    onSelect?: () => void | Function;
};
declare const Dropdown: (props: DropdownProps) => React.JSX.Element;
export default Dropdown;
