import { default as React } from 'react';
import { RegisterOptions } from 'react-hook-form';
import { StylesConfig } from 'react-select';
import { ID } from '@zeniai/client-epic-state';
import { DisableMode } from '../common/common';
import { TreeViewOptions } from '../labeledGroupSingleSelectFieldWithRecommendationCheckbox/GroupedSingleSelectField';
/**
 * Component & its Props
 */
interface OptionTypeBase {
    [key: string]: any;
}
export interface OptionType extends OptionTypeBase, TreeViewOptions {
    label: string;
    value: string;
    additionalNote?: string;
    displayName?: string;
    isDisabled?: boolean;
    isOptionRecommended?: boolean;
}
export interface GroupedOption {
    label: string;
    options: OptionType[];
}
export interface GroupedMultiSelectFieldValue {
    allOptions: GroupedOption[];
    selectedOptions: string[];
}
interface TooltipProp {
    sticky: boolean;
    text: string;
}
export interface GroupedMultiSelectFieldProps {
    defaultValue: GroupedMultiSelectFieldValue;
    name: string;
    customStyleConfig?: StylesConfig<OptionType, true>;
    groupType?: string;
    infoText?: string;
    isDisabled?: DisableMode;
    menuIsOpen?: boolean;
    menuPortalContainerRef?: React.RefObject<HTMLDivElement>;
    placeholder?: string;
    registerOptions?: RegisterOptions;
    showDownChevronWithValue?: boolean;
    showEmptyState?: boolean;
    showSelectedInNewLines?: boolean;
    style?: React.CSSProperties;
    tooltip?: TooltipProp;
    treeViewStructure?: boolean;
    disableCurrentOption?: (option: string) => boolean;
    onMenuClose?: () => void;
    onMenuOpen?: () => void;
    valueToId?: (value: string) => ID | undefined;
    valueToInfo?: (value: string) => string;
}
export declare const GroupedMultiSelectField: ({ name, registerOptions, defaultValue, isDisabled, style, placeholder, treeViewStructure, showEmptyState, customStyleConfig, showDownChevronWithValue, tooltip, menuIsOpen, groupType, onMenuOpen, onMenuClose, disableCurrentOption, valueToInfo, valueToId, menuPortalContainerRef, showSelectedInNewLines, }: GroupedMultiSelectFieldProps) => import("react/jsx-runtime").JSX.Element;
export declare const CustomTooltip: ({ children, title, }: {
    children: string;
    title: string;
}) => import("react/jsx-runtime").JSX.Element;
export {};
