import * as React from 'react';
import { GetOptionSelected, OnRequestClose, Value } from '../Menu';
import type { MenuItemProps } from '../Menu/MenuItem';
import SelectboxItem from '../Menu/MenuItem';
import { SelectboxButtonProps } from './SelectboxButton';
import { SelectboxChevronIconProps } from './SelectboxChevronIcon';
import { AnchorPos, PositionStrategy } from '../Popper';
import { TextFieldLabelProps } from '../TextField/TextFieldLabel';
import { TextFieldLabelAsteriskProps } from '../TextField/TextFieldLabelAsterisk';
import { TextFieldErrorTextProps } from '../TextField/TextFieldErrorText';
import { SelectboxButtonWrapperProps } from './SelectboxButtonWrapper';
import { SelectboxContainerProps } from './SelectboxContainer';
export { SelectboxItem };
export interface SelectboxProps<T, Multiple extends boolean | undefined = undefined> extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange' | 'children'> {
    /**
     * Array of values
     */
    readonly items: readonly T[];
    readonly value: Value<T, Multiple>;
    /**
     * Array of items. If will be array of objects or array of strings
     */
    readonly multiple?: Multiple;
    /**
     * Menu open state\
     * If `true` then menu is open, otherwise - closed
     */
    readonly isOpen?: boolean;
    /**
     * Loading indicator visiblility\
     * If `true` then visible, otherwise - hidden
     */
    /**
     * Anchor position\
     * \
     * Default: `bottom`
     */
    readonly anchorPos?: AnchorPos;
    readonly positionStrategy?: PositionStrategy;
    readonly autoFlip?: boolean;
    /**
     * Text field loading state\
     * If `true` then text field has been contained the loading indicator, otherwise - nop
     */
    readonly isLoading?: boolean;
    /**
     * If true then Selectbox will be filled in full width on horizontal
     */
    readonly fullWidth?: boolean;
    /**
     * If true then `errorText` value will be displayed under the TextField element
     */
    readonly error?: boolean;
    /**
     * If is true then the asterisk will be displayed in label\
     * If is ReactNode then ReactNode will be displayed in label
     */
    readonly requiredAsterisk?: boolean | React.ReactNode;
    /**
     * Text or ReactNode to show in error element\
     * Will be displaed only if `error` property is tru
     */
    readonly errorText?: React.ReactNode;
    /**
     * Field label text or element
     */
    readonly label?: React.ReactNode;
    /**
     * End icon component
     */
    readonly endIcon?: React.ReactElement;
    /**
     * Start icon component
     */
    readonly startIcon?: React.ReactElement;
    /**
     * items render function
     */
    readonly children: Children<T>;
    /**
     * The function that will be called when an item is selected from the list
     */
    readonly onChange?: OnChange<T, Multiple>;
    /**
     * A function that transforms the selected item into a string
     * Example:
     * ```tsx
     * <Selectbox
     *   selectedItemToString={item => item.name} // item is {id: 1, name: 'Oleg'}
     *   ...
     * >
     *   ...
     * </Selectbox>
     * ```
     */
    readonly selectedItemToString: ItemToString<T, Multiple>;
    /**
     * A function that determines which of the elements is currently selected\
     * Example:
     * ```tsx
     * <Selectbox
     *   getOptionSelected={({ item, value }) => item.id === value.id}
     * >
     *   ...
     * </Selectbox>
     * ```
     */
    readonly getOptionSelected?: GetOptionSelected<T>;
    /**
     * The function that will be called at the moment when you want to close the selectbox
     */
    readonly onRequestClose?: OnRequestClose;
    /**
     * The function that will be called at the moment when you want to open the selectbox
     */
    readonly onRequestOpen?: (event: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement> | React.FocusEvent<HTMLInputElement, Element> | React.ChangeEvent<HTMLInputElement>) => void;
    /**
     * Еhe label that will be shown if there are no selected items
     */
    readonly notSetLabel?: string;
    /**
     * Overridable components map
     */
    readonly overrides?: SelectboxOverrides;
}
export interface SelectboxOverrides {
    /**
     * Container element
     */
    readonly Container?: React.ComponentType<SelectboxContainerProps & React.RefAttributes<HTMLDivElement>>;
    /**
     * Base element
     */
    readonly Button?: React.ComponentType<SelectboxButtonProps & React.RefAttributes<HTMLButtonElement>>;
    /**
     * Icon
     */
    readonly Icon?: React.ComponentType<SelectboxChevronIconProps & React.RefAttributes<SVGElement>>;
    /**
     * Component for display error text
     */
    readonly ErrorText?: React.ComponentType<TextFieldErrorTextProps & React.RefAttributes<HTMLDivElement>>;
    /**
     * label component
     */
    readonly Label?: React.ComponentType<TextFieldLabelProps & React.RefAttributes<HTMLLabelElement>>;
    /**
     * label asterisk component
     */
    readonly Asterisk?: React.ComponentType<TextFieldLabelAsteriskProps & React.RefAttributes<HTMLSpanElement>>;
    /**
     * button wrapper component
     */
    readonly ButtonWrapper?: React.ComponentType<SelectboxButtonWrapperProps & React.RefAttributes<HTMLDivElement>>;
}
export type Children<T> = (data: {
    item: T;
    index: number;
}, itemProps: MenuItemProps) => React.ReactNode;
export type ItemToString<T, Multiple extends boolean | undefined = undefined> = (item: Multiple extends undefined ? T : readonly T[]) => string;
export type OnChange<T, Multiple extends boolean | undefined = undefined> = (item: Value<T, Multiple>) => void;
declare const _default: <T, Multiple extends boolean | undefined = undefined>(props: SelectboxProps<T, Multiple> & {
    ref?: React.ForwardedRef<HTMLButtonElement> | undefined;
}) => JSX.Element;
export default _default;