import { RegisterOptions } from 'react-hook-form';
import { StylesConfig } from 'react-select';
import { TransactionPage, TransactionStatus } from '@zeniai/client-analytics';
import { ID, TransactionLineRecommendationFieldTypes } from '@zeniai/client-epic-state';
import { TooltipPlacement } from '../../common/tooltipVariants/types';
import { DisableMode } from '../common/common';
/**
 * Component & its Props
 */
interface OptionTypeBase {
    [key: string]: any;
}
export interface OptionType extends OptionTypeBase {
    label: string;
    value: string;
    additionalNote?: string;
    chainOfThought?: string[];
    confidencePercentage?: number;
    isDisabled?: boolean;
    isOptionRecommended?: boolean;
    recommendationReason?: string;
    source?: string;
}
export interface AutoCompleteGroupedOption {
    label: string;
    options: OptionType[];
}
export interface AutoCompleteGroupedCreatableSingleSelectCustomGroupFieldValueWithCOT {
    defaultOptions: AutoCompleteGroupedOption[];
    selectedOption?: string;
    selectedOptionLabel?: string;
}
interface TooltipProp {
    sticky: boolean;
    text: string;
}
export interface AutoCompleteGroupedCreatableSingleSelectCustomGroupFieldWithCOTProps {
    defaultValue: AutoCompleteGroupedCreatableSingleSelectCustomGroupFieldValueWithCOT;
    name: string;
    pageSource: TransactionPage;
    showCOT: boolean;
    transactionStatus: TransactionStatus | null;
    type: TransactionLineRecommendationFieldTypes;
    autoFocus?: boolean;
    customStyleConfig?: StylesConfig<OptionType, false>;
    isDisabled?: DisableMode;
    isOptionRemovable?: boolean;
    menuIsOpen?: boolean;
    menuPlacement?: "top" | "bottom" | "auto";
    menuPortal?: HTMLElement | null;
    placeholder?: string;
    registerOptions?: RegisterOptions;
    /** When true, shows a small down chevron on the right in the value area (see ValueContainer; same as non-COT grouped creatable field). */
    showDownChevronWithValue?: boolean;
    style?: React.CSSProperties;
    tooltip?: TooltipProp;
    tooltipPosition?: TooltipPlacement;
    tooltipWidth?: number;
    loadOptions: (inputValue: string, callback: (defaultOptions: AutoCompleteGroupedOption[]) => void) => void;
    getRenameOptionText?: (renameText: string) => string | null;
    onClickRenameOption?: (newName: string) => void;
    onCOTView?: (fieldType: TransactionLineRecommendationFieldTypes, recommendationSource?: string) => void;
    onMenuClose?: () => void;
    valueToId?: (value: string) => ID | undefined;
    valueToInfo?: (value: string) => string;
}
export declare const AutoCompleteGroupedCreatableSingleSelectCustomGroupFieldWithCOT: ({ name, registerOptions, showCOT, pageSource, transactionStatus, type, menuIsOpen, showDownChevronWithValue, defaultValue, isDisabled, style, placeholder, customStyleConfig, isOptionRemovable, autoFocus, menuPortal, tooltipPosition, tooltipWidth, getRenameOptionText, onClickRenameOption, onMenuClose, valueToInfo, valueToId, loadOptions, menuPlacement, onCOTView, }: AutoCompleteGroupedCreatableSingleSelectCustomGroupFieldWithCOTProps) => import("react/jsx-runtime").JSX.Element;
/**
 * internal Styled components
 */
export declare const CustomTooltip: ({ children, title, }: {
    children: string;
    title: string;
}) => import("react/jsx-runtime").JSX.Element;
export declare const AutoCompleteGroupedCreatableSingleSelectCustomGroupField: ({ name, registerOptions, showCOT, pageSource, transactionStatus, type, menuIsOpen, showDownChevronWithValue, defaultValue, isDisabled, style, placeholder, customStyleConfig, isOptionRemovable, autoFocus, menuPortal, tooltipPosition, tooltipWidth, getRenameOptionText, onClickRenameOption, onMenuClose, valueToInfo, valueToId, loadOptions, menuPlacement, onCOTView, }: AutoCompleteGroupedCreatableSingleSelectCustomGroupFieldWithCOTProps) => import("react/jsx-runtime").JSX.Element;
export {};