export declare const DEFAULT_CLASS = "hods-multi-select-autocomplete";
export interface MultiSelectAutocompleteProps {
    id: string;
    fieldId: string;
    disabled?: boolean;
    error?: string | null;
    readonly?: boolean;
    /** The structure of the item. If this is not provided, it is assumed to be a string. */
    item?: {
        value: string;
        label: string;
        format?: string;
    };
    /** The selected item. */
    value?: any;
    /** The autocomplete options */
    options?: any[];
    /** Controls which selection mode the component is rendered with. */
    multi?: boolean;
    /** Functions for formatting the labels that appear in the options menu and in the input when a selection is made. */
    templates?: {
        inputValue: Function;
        suggestion: Function;
    };
    /** Handler for when the value changes. */
    onChange?: Function;
    /** Deprecated. Use onChange. */
    onConfirm?: Function;
    className?: string;
    /** Controls whether a selection displays a button to clear value selected. */
    clearable?: boolean;
    /** Controls whether a dropdown is displayed to open the hidden options. */
    withDropdown?: boolean;
    /** Controls whether options are displayed when input field is clicked on. */
    openOnClick?: boolean;
    /** Controls whether options are hidden after a selection is made. */
    closeOnSelect?: boolean;
    /** Other attributes to assign to the component */
    [key: string]: unknown;
}
/**
 * Make a page easier to scan by letting users reveal more detailed information only if they need it.
 */
export declare const MultiSelectAutocomplete: ({ id, fieldId, className, clearable, disabled, error, options, multi, readonly, withDropdown, value, item, onChange, openOnClick, closeOnSelect, ...attrs }: MultiSelectAutocompleteProps) => import("react/jsx-runtime").JSX.Element;