import { ReactElement } from 'react';
import { DisableMode } from '../common/common';
import { GroupedMultiSelectFieldProps } from '../groupedMultiSelectField/GroupedMultiSelectField';
/**
 * Component & its Props
 */
export interface Props {
    groupedMultiSelectField: GroupedMultiSelectFieldProps;
    label: {
        label: string;
        labelIcon?: ReactElement;
        style?: React.CSSProperties;
        width?: number;
    };
    /** Pixel number or any CSS width (e.g. `"100%"`, `"auto"`). Numbers are interpreted as px. */
    controlWidth?: number | string;
    fullWidthSelect?: boolean;
    isDisabled?: DisableMode;
    isMenuOpen?: boolean;
    menuPortalEnabled?: boolean;
    style?: React.CSSProperties;
    disableCurrentOption?: (option: string) => boolean;
    setIsMenuOpen?: (isOpen: boolean) => void;
}
export declare function LabeledGroupedMultiSelectField({ isDisabled, label, groupedMultiSelectField, style, controlWidth, fullWidthSelect, disableCurrentOption, menuPortalEnabled, isMenuOpen, setIsMenuOpen, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;