import { default as React } from 'react';
import { SkeletonVariant } from '../Skeleton/types';
import { SelectSearchControlProps } from '../Select/search.types';
import { TooltipSide, TooltipAlign, TooltipSize } from '../Tooltip/types';
export declare enum MultiSelectVariant {
    CONTAINER = "container",
    NO_CONTAINER = "no-container"
}
export declare enum MultiSelectMenuAlignment {
    START = "start",
    CENTER = "center",
    END = "end"
}
export declare enum MultiSelectMenuSide {
    TOP = "top",
    LEFT = "left",
    RIGHT = "right",
    BOTTOM = "bottom"
}
export declare enum MultiSelectMenuSize {
    SMALL = "sm",
    MEDIUM = "md",
    LARGE = "lg"
}
export declare enum MultiSelectSelectionTagType {
    COUNT = "count",
    TEXT = "text"
}
export type MultiSelectSkeletonProps = {
    count?: number;
    show?: boolean;
    variant?: SkeletonVariant;
};
export type MultiSelectMenuItemType = {
    label: string;
    value: string;
    checked?: boolean;
    subLabel?: string;
    slot1?: React.ReactNode;
    slot2?: React.ReactNode;
    slot3?: React.ReactNode;
    slot4?: React.ReactNode;
    disabled?: boolean;
    alwaysSelected?: boolean;
    onClick?: () => void;
    subMenu?: MultiSelectMenuItemType[];
    tooltip?: string | React.ReactNode;
    tooltipProps?: {
        side?: TooltipSide;
        align?: TooltipAlign;
        size?: TooltipSize;
        showArrow?: boolean;
        delayDuration?: number;
        offset?: number;
    };
    disableTruncation?: boolean;
};
export type MultiSelectMenuGroupType = {
    groupLabel?: string;
    items: MultiSelectMenuItemType[];
    showSeparator?: boolean;
};
export type MultiSelectProps = SelectSearchControlProps & {
    height?: number;
    selectedValues: string[];
    /**
     * Legacy per-item toggle callback. Prefer `onSelectionChange` for the
     * complete resulting selection.
     */
    onChange?: (selectedValue: string) => void;
    /**
     * Recommended callback. Fires once per accepted user gesture with the
     * complete resulting selection.
     */
    onSelectionChange?: (selectedValues: string[]) => void;
    items: MultiSelectMenuGroupType[];
    label: string;
    sublabel?: string;
    disabled?: boolean;
    helpIconHintText?: string;
    name?: string;
    required?: boolean;
    variant?: MultiSelectVariant;
    selectionTagType?: MultiSelectSelectionTagType;
    slot?: React.ReactNode;
    hintText?: string;
    placeholder: string;
    size?: MultiSelectMenuSize;
    enableSearch?: boolean;
    searchPlaceholder?: string;
    enableSelectAll?: boolean;
    selectAllText?: string;
    maxSelections?: number;
    customTrigger?: React.ReactNode;
    useDrawerOnMobile?: boolean;
    maxTriggerWidth?: number;
    minTriggerWidth?: number;
    minMenuWidth?: number;
    maxMenuWidth?: number;
    maxMenuHeight?: number;
    alignment?: MultiSelectMenuAlignment;
    side?: MultiSelectMenuSide;
    sideOffset?: number;
    alignOffset?: number;
    inline?: boolean;
    onOpenChange?: (open: boolean) => void;
    error?: boolean;
    errorMessage?: string;
    showActionButtons?: boolean;
    primaryAction?: {
        text: string;
        onClick: (selectedValues: string[]) => void;
        disabled?: boolean;
        loading?: boolean;
    };
    secondaryAction?: {
        text: string;
        onClick: () => void;
        disabled?: boolean;
        loading?: boolean;
    };
    showItemDividers?: boolean;
    showHeaderBorder?: boolean;
    fullWidth?: boolean;
    enableVirtualization?: boolean;
    virtualListItemHeight?: number;
    virtualListOverscan?: number;
    itemsToRender?: number;
    onEndReached?: () => void;
    endReachedThreshold?: number;
    hasMore?: boolean;
    loadingComponent?: React.ReactNode;
    skeleton?: MultiSelectSkeletonProps;
    allowCustomValue?: boolean;
    customValueLabel?: string;
    showClearButton?: boolean;
    onClearAllClick?: () => void;
    multiSelectGroupPosition?: 'center' | 'left' | 'right';
    menuFooter?: React.ReactNode;
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'slot' | 'onChange'>;
export type MultiSelectMenuProps = {
    items: MultiSelectMenuGroupType[];
    selected: string[];
    onSelect: (value: string) => void;
    trigger: React.ReactNode;
    minMenuWidth?: number;
    maxMenuWidth?: number;
    maxMenuHeight?: number;
    disabled?: boolean;
    enableSearch?: boolean;
    searchPlaceholder?: string;
    searchText?: string;
    onSearchChange?: (text: string) => void;
    isSearchLoading?: boolean;
    emptyStateText?: string;
    enableSelectAll?: boolean;
    selectAllText?: string;
    onSelectAll?: (selectAll: boolean, filteredItems: MultiSelectMenuGroupType[]) => void;
    maxSelections?: number;
    alignment?: MultiSelectMenuAlignment;
    side?: MultiSelectMenuSide;
    sideOffset?: number;
    alignOffset?: number;
    open: boolean;
    onOpenChange: (open: boolean) => void;
    showActionButtons?: boolean;
    primaryAction?: {
        text: string;
        onClick: (selectedValues: string[]) => void;
        disabled?: boolean;
        loading?: boolean;
    };
    secondaryAction?: {
        text: string;
        onClick: () => void;
        disabled?: boolean;
        loading?: boolean;
    };
    enableVirtualization?: boolean;
    virtualListItemHeight?: number;
    virtualListOverscan?: number;
    itemsToRender?: number;
    onEndReached?: () => void;
    endReachedThreshold?: number;
    hasMore?: boolean;
    loadingComponent?: React.ReactNode;
    skeleton?: MultiSelectSkeletonProps;
    size?: MultiSelectMenuSize;
    variant?: MultiSelectVariant;
    allowCustomValue?: boolean;
    customValueLabel?: string;
    menuId?: string;
    collisionBoundary?: Element | null | Array<Element | null>;
    menuFooter?: React.ReactNode;
};