import { RefAttributes } from 'react';
import { BoxProps } from '../box';
import { BoxStyleProps, ComponentsAndVariants } from '../types';
import { DropdownItemProps } from './dropdown/dropdownContext';
interface Props<TVal, TKey extends keyof ComponentsAndVariants = 'dropdown'> extends Omit<BoxProps<'button', TKey>, 'ref' | 'tag'> {
    name?: string;
    defaultValue?: TVal | TVal[];
    value?: TVal | TVal[];
    multiple?: boolean;
    isSearchable?: boolean;
    searchPlaceholder?: string;
    hideIcon?: boolean;
    /** Show checkbox for each item in multiple selection mode */
    showCheckbox?: boolean;
    /** BoxProps applied to the opened items container (dropdown.items) */
    itemsProps?: BoxStyleProps;
    /** BoxProps applied to the chevron icon container (dropdown.icon) */
    iconProps?: BoxStyleProps;
    onChange?: (value: TVal | undefined, values: TVal[]) => void;
}
interface DropdownDisplayProps<TVal> extends Omit<BoxProps, 'children'> {
    children: ((selectedValues: TVal[], isOpen: boolean) => React.ReactNode) | React.ReactNode;
}
interface DropdownType {
    <TVal>(props: Props<TVal> & RefAttributes<HTMLInputElement>): React.ReactNode;
    Item: <TVal>(props: DropdownItemProps<TVal>) => React.ReactNode;
    Unselect: (props: BoxProps) => React.ReactNode;
    SelectAll: (props: BoxProps) => React.ReactNode;
    EmptyItem: (props: BoxProps) => React.ReactNode;
    Display: <TVal>(props: DropdownDisplayProps<TVal>) => React.ReactNode;
}
declare const Dropdown: DropdownType;
export default Dropdown;