import { IconType } from '@autoguru/icons';
import { type ComponentPropsWithoutRef, type ReactElement, type Ref } from 'react';
import { TextInput } from '../TextInput/TextInput';
export interface AutoSuggestValue<PayloadType> {
    text: string;
    payload: PayloadType | null | undefined;
    skip?: boolean;
}
export type AutoSuggestItemRenderer<PayloadType> = (props: {
    value: AutoSuggestValue<PayloadType>;
    highlight: boolean;
    suggestions: Array<AutoSuggestValue<PayloadType>>;
}) => ReactElement;
type Suggestions<PayloadType> = Array<AutoSuggestValue<PayloadType>>;
export interface AutoSuggestProps<PayloadType> extends Omit<ComponentPropsWithoutRef<typeof TextInput>, 'onChange' | 'value' | 'type' | 'suffixIcon'> {
    autoFocus?: boolean;
    autoWidth?: boolean;
    inlineOptions?: boolean;
    fieldIcon?: IconType;
    value: AutoSuggestValue<PayloadType> | null;
    suggestions: Suggestions<PayloadType>;
    itemRenderer?: AutoSuggestItemRenderer<PayloadType>;
    onChange?(value: AutoSuggestValue<PayloadType>): void;
    onEnter?(value: AutoSuggestValue<PayloadType>): void;
}
export declare const AutoSuggest: <PayloadType extends unknown>(p: AutoSuggestProps<PayloadType> & {
    ref?: Ref<HTMLInputElement>;
}) => ReactElement;
export {};
//# sourceMappingURL=AutoSuggest.d.ts.map