import { default as React } from 'react';
export interface ListBoxOption<T = any> {
    id: string | number;
    label: string;
    value: T;
    disabled?: boolean;
    icon?: React.ReactNode;
    description?: string;
    metadata?: Record<string, any>;
}
export interface ListBoxProps<T = any> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
    options: ListBoxOption<T>[];
    value?: T | T[];
    onChange?: (value: T | T[]) => void;
    multiple?: boolean;
    emptyMessage?: string;
    itemTemplate?: (option: ListBoxOption<T>) => React.ReactNode;
    selectedTemplate?: (option: ListBoxOption<T>) => React.ReactNode;
    searchable?: boolean;
    searchPlaceholder?: string;
    filter?: (option: ListBoxOption<T>, searchQuery: string) => boolean;
    grouped?: boolean;
    groupBy?: (option: ListBoxOption<T>) => string;
    groupTemplate?: (groupName: string, options: ListBoxOption<T>[]) => React.ReactNode;
    className?: string;
    listClassName?: string;
    optionClassName?: string;
    selectedClassName?: string;
    maxHeight?: string | number;
    disabled?: boolean;
    selectAll?: boolean;
    clearable?: boolean;
    onSearch?: (query: string) => void;
    onSelectAll?: () => void;
    onClearAll?: () => void;
    compareFn?: (a: T, b: T) => boolean;
    ariaLabel?: string;
    ariaLabelledBy?: string;
}
export declare function ListBox<T = any>({ options, value, onChange, multiple, emptyMessage, itemTemplate, searchable, searchPlaceholder, filter, grouped, groupBy, groupTemplate, className, listClassName, optionClassName, selectedClassName, maxHeight, disabled, selectAll, clearable, onSearch, onSelectAll, onClearAll, compareFn, ariaLabel, ariaLabelledBy, ...rest }: ListBoxProps<T>): React.JSX.Element;
export default ListBox;