import type { ChangeEvent, ReactNode, SyntheticEvent } from 'react';
import type { DropdownProps } from '../dropdown';
import type { DropdownItemElement } from '../dropdown-item/types';
import type { InputProps } from '../input';
export type AutocompleteChangeMeta = {
    reason: 'userInput';
} | {
    reason: 'suggestionSelect';
    selectedIndex: number;
};
export interface AutocompleteProps extends Omit<InputProps, 'adornmentEnd' | 'onChange' | 'onInput'> {
    /** Содержимое. */
    children?: ReactNode;
    /** Выводить вместо списка спиннер. */
    loading?: boolean;
    /** Получив опцию должен определить, нужно ли выводить ее в списке. */
    filterOption?: (option: DropdownItemElement, inputValue: string) => boolean;
    /** Украшение после основного содержимого. */
    adornmentEnd?: ReactNode | ((data: {
        menuShown: boolean;
    }) => ReactNode);
    /** Свойства компонента Dropdown. */
    dropdownProps?: Omit<DropdownProps, 'rootRef' | 'viewportRef'>;
    /** Сработает при открытии меню. */
    onMenuOpen?: VoidFunction;
    /** Сработает при закрытии меню. */
    onMenuClose?: VoidFunction;
    onChange?: (event: ChangeEvent<HTMLInputElement>, meta: AutocompleteChangeMeta) => void;
    onInput?: (event: SyntheticEvent<HTMLInputElement>) => void;
    /** Заглушка, которая будет выведена если подсказок нет. */
    optionsStub?: ReactNode;
}