import { ReactNode } from 'react';
import { PageSelectOption } from './PageSelectOption';
export interface PageMultiSelectProps<ValueT> {
    id?: string;
    icon?: ReactNode;
    placeholder: ReactNode;
    isDisabled?: string;
    values: ValueT[] | undefined | null;
    onSelect: (setter: (currentValues: ValueT[] | undefined) => ValueT[] | undefined) => void;
    options: PageSelectOption<ValueT>[];
    variant?: 'chips' | 'count';
    footer?: ReactNode;
    open?: boolean;
    setOpen?: (open: boolean) => void;
    searchValue?: string;
    setSearchValue?: (searchValue: string) => void;
    isLoading?: boolean;
    disableClearSelection?: boolean;
    disableClearChips?: boolean;
    maxChipSize?: string;
    disableSortOptions?: boolean;
    queryLabel?: (value: ValueT) => ReactNode;
    compareOptionValues?: (a: ValueT, b: ValueT) => boolean;
    disableMaxDropdownWidth?: boolean;
}
export declare function PageMultiSelect<ValueT>(props: PageMultiSelectProps<ValueT>): import("react/jsx-runtime").JSX.Element;