import { default as React, ReactNode } from '../../../node_modules/react';
import { IconName, IconProps } from '../Icon';
export interface MultiSelectOption {
    id: string;
    label: string;
    value: string;
    parentId?: string;
    isGroup?: boolean;
    disabled?: boolean;
    /** Shown on hover when `disabled` is true. */
    disabledTooltip?: ReactNode;
    children?: MultiSelectOption[];
    iconProps?: IconProps;
}
export interface MultiSelectProps {
    label: string;
    options: MultiSelectOption[];
    value: string[];
    onChange: (values: string[]) => void;
    placeholder?: string;
    disabled?: boolean;
    width?: number | string;
    showSelectAll?: boolean;
    clearable?: boolean;
    maxDisplayItems?: number;
    /** When false, trigger shows `label` only (selection rendered elsewhere). @default true */
    showSelectedValuesInTrigger?: boolean;
    iconName?: IconName;
    /** Open options in a bottom sheet instead of a popper. */
    useBottomSheet?: boolean;
}
export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;