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 SelectMenuAlignment {
    START = "start",
    CENTER = "center",
    END = "end"
}
export declare enum SelectMenuVariant {
    CONTAINER = "container",
    NO_CONTAINER = "no-container"
}
export declare enum SelectMenuSize {
    SMALL = "sm",
    MEDIUM = "md",
    LARGE = "lg"
}
export declare enum SelectMenuSide {
    TOP = "top",
    LEFT = "left",
    RIGHT = "right",
    BOTTOM = "bottom"
}
export type SelectMenuGroupType = {
    groupLabel?: string;
    items: SelectMenuItemType[];
    showSeparator?: boolean;
};
export type SingleSelectSkeletonProps = {
    count?: number;
    show?: boolean;
    variant?: SkeletonVariant;
};
export type SelectMenuProps = {
    trigger?: React.ReactNode;
    items: SelectMenuGroupType[];
    asModal?: boolean;
    alignment?: SelectMenuAlignment;
    side?: SelectMenuSide;
    sideOffset?: number;
    alignOffset?: number;
    collisonBoundaryRef?: Element | null | Array<Element | null>;
    maxHeight?: number;
    selected?: string | string[];
    onSelect?: (value: string | string[]) => void;
    allowMultiSelect?: boolean;
    enableSearch?: boolean;
    onOpenChange?: (open: boolean) => void;
};
export type SelectMenuItemType = {
    label: string;
    value: string;
    checked?: boolean;
    subLabel?: string;
    slot1?: React.ReactNode;
    slot2?: React.ReactNode;
    slot3?: React.ReactNode;
    slot4?: React.ReactNode;
    disabled?: boolean;
    onClick?: () => void;
    subMenu?: SelectMenuItemType[];
    tooltip?: string | React.ReactNode;
    tooltipProps?: {
        side?: TooltipSide;
        align?: TooltipAlign;
        size?: TooltipSize;
        showArrow?: boolean;
        delayDuration?: number;
        offset?: number;
    };
    disableTruncation?: boolean;
};
export type SingleSelectProps = SelectSearchControlProps & {
    label?: string;
    subLabel?: string;
    hintText?: string;
    required?: boolean;
    helpIconText?: string;
    placeholder: string;
    size?: SelectMenuSize;
    items: SelectMenuGroupType[];
    variant?: SelectMenuVariant;
    selected: string;
    onSelect: (value: string) => void;
    enableSearch?: boolean;
    searchPlaceholder?: string;
    slot?: React.ReactNode;
    disabled?: boolean;
    name?: string;
    customTrigger?: React.ReactNode;
    useDrawerOnMobile?: boolean;
    alignment?: SelectMenuAlignment;
    side?: SelectMenuSide;
    sideOffset?: number;
    alignOffset?: number;
    minMenuWidth?: number;
    maxMenuWidth?: number;
    maxMenuHeight?: number;
    inline?: boolean;
    error?: boolean;
    errorMessage?: string;
    fullWidth?: boolean;
    enableVirtualization?: boolean;
    virtualListItemHeight?: number;
    virtualListOverscan?: number;
    onEndReached?: () => void;
    endReachedThreshold?: number;
    hasMore?: boolean;
    loadingComponent?: React.ReactNode;
    skeleton?: SingleSelectSkeletonProps;
    maxTriggerWidth?: number;
    minTriggerWidth?: number;
    allowCustomValue?: boolean;
    customValueLabel?: string;
    singleSelectGroupPosition?: 'center' | 'left' | 'right';
    allowDeselect?: boolean;
    menuFooter?: React.ReactNode;
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'slot' | 'onSelect'>;