import { default as React, RefObject } from 'react';
import { GroupBase, StylesConfig } from 'react-select';
import { SelectProps } from './Select';
import { SelectDisplayOption } from '../../Selects/SelectDisplay/SelectDisplay';
declare module 'react-select/base' {
    interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
        error?: boolean;
        isFocused?: boolean;
        onMenuInputFocus?: () => void;
        optionKeyName?: keyof Option;
        labelKeyName?: keyof Option;
        noBorder?: boolean;
        searchBarProps?: SelectProps<Option>['searchBarProps'];
        footerButtonProps?: SelectProps<Option>['footerButtonProps'];
        isOffscreenRight: boolean;
        menuRef: RefObject<HTMLDivElement>;
        menuWidth?: number;
        hasMore?: boolean;
        getData?: () => void;
        nestedOptionsKeyName?: string;
        menuQaTestId?: string;
        showSecondaryContent?: SelectProps<Option>['showSecondaryContent'];
    }
}
export type SelectGroupType<OptionType> = {
    label: string;
    options: OptionType[];
    rightLabel?: string;
};
export type SelectOptionBase<OptionType> = OptionType & {
    nestedOptions?: never;
};
export type SelectOptionWithNested<OptionType> = OptionType & {
    nestedOptions?: OptionType[];
};
export type SelectOption<OptionType> = SelectOptionBase<OptionType> | SelectOptionWithNested<OptionType>;
export type SelectGroupWithNested<OptionType> = {
    label: string;
    options: SelectOption<OptionType>[];
    rightLabel?: string;
};
export declare const transformToSelectDisplayOption: <T>(option: T, labelKey: keyof T, nameKey: keyof T) => SelectDisplayOption;
type GetStylesType<OptionType> = StylesConfig<OptionType, boolean, GroupBase<OptionType>>;
export declare const getStyles: <OptionType>() => GetStylesType<OptionType>;
type ClickOutsideOfSelectProps = {
    setIsFocused: (val: boolean) => void;
    setInputValue: (val: string) => void;
};
export declare const useClickOutOfSelect: ({ setIsFocused, setInputValue, }: ClickOutsideOfSelectProps) => React.RefObject<HTMLDivElement | null>;
type OptionElement<OptionType> = React.ReactElement<{
    data: OptionType;
    [key: string]: unknown;
}>;
type GroupElement<OptionType> = React.ReactElement<{
    children: OptionElement<OptionType>[];
    [key: string]: unknown;
}>;
export type OptionsArray<OptionType> = Array<OptionElement<OptionType> | GroupElement<OptionType>>;
export declare const extractElementsFromOptionsArray: <OptionType>(elements: OptionsArray<OptionType>) => OptionElement<OptionType>[];
export declare const useBottomEdgeProximityDetector: (parentRef: React.RefObject<HTMLElement | null>, menuHeight: number) => boolean;
export declare const useRightEdgeDetector: (menuRef: React.RefObject<HTMLDivElement | null>, isFocused: boolean) => boolean;
export {};