import React from "react";
import { IInjectedStylingProps } from "@webbio/utils";
export declare type ComboboxItem = {
    id: number;
    label: string;
};
export interface IComboboxProps extends IInjectedStylingProps {
    disableClearable?: boolean;
    disableCloseOnSelect?: boolean;
    disableMultiselect?: boolean;
    disableOpenOnFocus?: boolean;
    id: string;
    inputValue: string;
    isLoading?: boolean;
    isLoadingPlaceholder?: string;
    items: ComboboxItem[];
    maxHeight?: string;
    noResultsPlaceholder?: string;
    onChange: (items: number[], isChecked: boolean) => void;
    onChangeInputValue: (value: string) => void;
    placeholderText: string;
    selectedItems?: ComboboxItem[];
    showSelectedItemsInDropdown?: boolean;
    tagElement?: (items: ComboboxItem[], onClick: (id: number) => void) => JSX.Element[];
    icon?: JSX.Element;
    dontShowNoResults?: boolean;
    zIndex?: number;
    wideInput?: boolean;
}
declare const Combobox: {
    new (props: any): {
        render(): JSX.Element;
        context: any;
        setState<K extends "styleUtil">(state: import("@webbio/utils/dist/higher-order").IWithStylingState | ((prevState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, props: Readonly<Pick<IComboboxProps, "placeholderText" | "inputValue" | "showSelectedItemsInDropdown" | "items" | "selectedItems" | "tagElement" | "maxHeight" | "isLoadingPlaceholder" | "isLoading" | "disableMultiselect" | "noResultsPlaceholder" | "disableOpenOnFocus" | "disableClearable" | "disableCloseOnSelect" | "zIndex" | "id" | "icon" | "onChange" | "onChangeInputValue" | "dontShowNoResults" | "wideInput"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>) => import("@webbio/utils/dist/higher-order").IWithStylingState | Pick<import("@webbio/utils/dist/higher-order").IWithStylingState, K> | null) | Pick<import("@webbio/utils/dist/higher-order").IWithStylingState, K> | null, callback?: (() => void) | undefined): void;
        forceUpdate(callback?: (() => void) | undefined): void;
        readonly props: Readonly<Pick<IComboboxProps, "placeholderText" | "inputValue" | "showSelectedItemsInDropdown" | "items" | "selectedItems" | "tagElement" | "maxHeight" | "isLoadingPlaceholder" | "isLoading" | "disableMultiselect" | "noResultsPlaceholder" | "disableOpenOnFocus" | "disableClearable" | "disableCloseOnSelect" | "zIndex" | "id" | "icon" | "onChange" | "onChangeInputValue" | "dontShowNoResults" | "wideInput"> & import("@webbio/utils/dist/higher-order").IWithStylingProps> & Readonly<{
            children?: React.ReactNode;
        }>;
        state: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>;
        refs: {
            [key: string]: React.ReactInstance;
        };
        componentDidMount?(): void;
        shouldComponentUpdate?(nextProps: Readonly<Pick<IComboboxProps, "placeholderText" | "inputValue" | "showSelectedItemsInDropdown" | "items" | "selectedItems" | "tagElement" | "maxHeight" | "isLoadingPlaceholder" | "isLoading" | "disableMultiselect" | "noResultsPlaceholder" | "disableOpenOnFocus" | "disableClearable" | "disableCloseOnSelect" | "zIndex" | "id" | "icon" | "onChange" | "onChangeInputValue" | "dontShowNoResults" | "wideInput"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, nextContext: any): boolean;
        componentWillUnmount?(): void;
        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<IComboboxProps, "placeholderText" | "inputValue" | "showSelectedItemsInDropdown" | "items" | "selectedItems" | "tagElement" | "maxHeight" | "isLoadingPlaceholder" | "isLoading" | "disableMultiselect" | "noResultsPlaceholder" | "disableOpenOnFocus" | "disableClearable" | "disableCloseOnSelect" | "zIndex" | "id" | "icon" | "onChange" | "onChangeInputValue" | "dontShowNoResults" | "wideInput"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, prevState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>): any;
        componentDidUpdate?(prevProps: Readonly<Pick<IComboboxProps, "placeholderText" | "inputValue" | "showSelectedItemsInDropdown" | "items" | "selectedItems" | "tagElement" | "maxHeight" | "isLoadingPlaceholder" | "isLoading" | "disableMultiselect" | "noResultsPlaceholder" | "disableOpenOnFocus" | "disableClearable" | "disableCloseOnSelect" | "zIndex" | "id" | "icon" | "onChange" | "onChangeInputValue" | "dontShowNoResults" | "wideInput"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, prevState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, snapshot?: any): void;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<Pick<IComboboxProps, "placeholderText" | "inputValue" | "showSelectedItemsInDropdown" | "items" | "selectedItems" | "tagElement" | "maxHeight" | "isLoadingPlaceholder" | "isLoading" | "disableMultiselect" | "noResultsPlaceholder" | "disableOpenOnFocus" | "disableClearable" | "disableCloseOnSelect" | "zIndex" | "id" | "icon" | "onChange" | "onChangeInputValue" | "dontShowNoResults" | "wideInput"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<IComboboxProps, "placeholderText" | "inputValue" | "showSelectedItemsInDropdown" | "items" | "selectedItems" | "tagElement" | "maxHeight" | "isLoadingPlaceholder" | "isLoading" | "disableMultiselect" | "noResultsPlaceholder" | "disableOpenOnFocus" | "disableClearable" | "disableCloseOnSelect" | "zIndex" | "id" | "icon" | "onChange" | "onChangeInputValue" | "dontShowNoResults" | "wideInput"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<Pick<IComboboxProps, "placeholderText" | "inputValue" | "showSelectedItemsInDropdown" | "items" | "selectedItems" | "tagElement" | "maxHeight" | "isLoadingPlaceholder" | "isLoading" | "disableMultiselect" | "noResultsPlaceholder" | "disableOpenOnFocus" | "disableClearable" | "disableCloseOnSelect" | "zIndex" | "id" | "icon" | "onChange" | "onChangeInputValue" | "dontShowNoResults" | "wideInput"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<IComboboxProps, "placeholderText" | "inputValue" | "showSelectedItemsInDropdown" | "items" | "selectedItems" | "tagElement" | "maxHeight" | "isLoadingPlaceholder" | "isLoading" | "disableMultiselect" | "noResultsPlaceholder" | "disableOpenOnFocus" | "disableClearable" | "disableCloseOnSelect" | "zIndex" | "id" | "icon" | "onChange" | "onChangeInputValue" | "dontShowNoResults" | "wideInput"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, nextContext: any): void;
    };
    contextType?: React.Context<any> | undefined;
};
export { Combobox };
