import { FunctionComponent } from 'react';
import { MenuToggleProps } from '@patternfly/react-core/dist/esm/components/MenuToggle';
import { SelectOptionProps, SelectProps } from '@patternfly/react-core/dist/esm/components/Select';
export interface TypeaheadSelectOption extends Omit<SelectOptionProps, 'content'> {
    /** Content of the select option. */
    content: string | number;
    /** Value of the select option. */
    value: string | number;
}
export interface TypeaheadSelectProps extends Omit<SelectProps, 'toggle' | 'onSelect' | 'onToggle'> {
    /** @hide Forwarded ref */
    innerRef?: React.Ref<any>;
    /** Initial options of the select. */
    initialOptions: TypeaheadSelectOption[];
    /** Callback triggered on selection. */
    onSelect?: (_event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<HTMLInputElement> | undefined, selection: TypeaheadSelectOption['value']) => void;
    /** Callback triggered when the select opens or closes. */
    onToggle?: (nextIsOpen: boolean) => void;
    /** Callback triggered when the text in the input field changes. */
    onInputChange?: (newValue: string) => void;
    /** Custom callback triggered when the input field has focus and a keyboard event is triggered.
     * This will override the default keydown behavior for the input field.
     */
    onInputKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
    /** Callback triggered when the clear button is selected */
    onClearSelection?: () => void;
    /** Placeholder text for the select input. */
    placeholder?: string;
    /** Flag to indicate if the typeahead select allows new items */
    isCreatable?: boolean;
    /** Flag to indicate if create option should be at top of typeahead */
    isCreateOptionOnTop?: boolean;
    /** Message to display to create a new option */
    createOptionMessage?: string | ((newValue: string) => string);
    /** Message to display when no options are available. */
    noOptionsAvailableMessage?: string;
    /** Message to display when no options match the filter. */
    noOptionsFoundMessage?: string | ((filter: string) => string);
    /** Flag indicating the select should be disabled. */
    isDisabled?: boolean;
    /** Width of the toggle. */
    toggleWidth?: string;
    /** Additional props passed to the toggle. */
    toggleProps?: MenuToggleProps;
}
export declare const TypeaheadSelectBase: FunctionComponent<TypeaheadSelectProps>;
export declare const TypeaheadSelect: import("react").ForwardRefExoticComponent<TypeaheadSelectProps & import("react").RefAttributes<any>>;
//# sourceMappingURL=TypeaheadSelect.d.ts.map