import React, { ChangeEvent, ReactElement } from 'react';
import IconType from '../constants/IconType';
import { AvatarContentProps } from '../avatar';
import { InputHeight } from '../constants';
export type SuggestionValue = string | number;
type SuggestionContent = {
    icon?: IconType;
    avatar?: AvatarContentProps;
    text?: string;
    description?: string | null;
    role?: string | null;
};
export type Suggestion = {
    value: SuggestionValue;
    content: SuggestionContent;
    hidden?: boolean;
    hideRightSide?: boolean;
};
/**
 * This component is used to add input with suggestions in the application
 */
export type BCInputWithSuggestionsProps = {
    suggestions: Suggestion[];
    onChange?: (value?: string) => void;
    onBlur?: (ev: ChangeEvent<HTMLInputElement>) => void;
    value?: SuggestionValue;
    height?: InputHeight;
    name?: string;
    dataId?: string | number;
    placeholder?: string;
    error?: string;
    rightSide?: (id: string | number, value: SuggestionValue) => ReactElement;
    dataTestid?: string;
    isStringValue?: boolean;
    appendInput?: (ev?: ChangeEvent<HTMLInputElement>) => void;
    onDropdownStateChange?: (options: {
        hidden: boolean;
    }) => void;
    onItemPicked?: (item: Suggestion) => void;
    className?: string;
};
export declare const BCInputWithSuggestions: React.ForwardRefExoticComponent<BCInputWithSuggestionsProps & React.RefAttributes<HTMLInputElement>>;
export {};