import React, { Ref, ReactNode, ReactElement } from 'react';
import { AriaFocusProps } from '../../types/common';
import { DropdownProps } from './Dropdown';
import { IconProps } from '../icons/generated';
import { DropdownInputOption } from './types';
export interface DropdownInputProps<OptionValue> extends Pick<DropdownProps<OptionValue>, 'width' | 'zIndex' | 'disabled' | 'options' | 'placeholder' | 'status' | 'value' | 'size' | 'optionItemHeight' | 'autoPlacement' | 'enableVirtualScroll'> {
    /**
     * options에 없는 값을 허용할 지 여부입니다.
     */
    allowCustomValue?: boolean;
    startElement?: ReactElement<IconProps> | ReactNode;
    endElement?: ReactElement<IconProps> | ReactNode;
    /**
     * 입력된 검색결과를 전달합니다.
     */
    onSearch?: (inputValue: string) => void;
    onChange?: (value: OptionValue | undefined) => void;
    onKeyDown?: (event: React.KeyboardEvent<Element>) => void;
    options: Array<DropdownInputOption<OptionValue>>;
    keyExtractor?: (item: DropdownInputOption<OptionValue>, index: number) => string | number;
    optionFilter?: (inputValue: string, item: DropdownInputOption<OptionValue>, index: number) => boolean;
}
export declare const DropdownInput: (<OptionValue extends string | number>(props: DropdownInputProps<OptionValue> & AriaFocusProps & {
    ref?: React.Ref<HTMLInputElement> | undefined;
}) => JSX.Element) & {
    displayName?: string | undefined;
};