/// <reference types="react" />
import { FlexProps } from '@chakra-ui/react';
import { GroupedListBoxItem } from '../GroupedListBox/GroupedListBox';
export type ListBoxItem = {
    ID: string;
    label: string;
};
type Props<T> = Omit<FlexProps, 'onSelect'> & {
    items: Array<T>;
    selected: ListBoxItem | undefined;
    onSelect: (item: T) => void;
    renderLabel?: ({ item, isSelected, }: {
        item: T;
        isSelected: boolean;
    }) => JSX.Element;
    renderItemRightAddon?: ({ item, group, isSelected, setOpenedMenuTemplateId, }: {
        item: T;
        group: string;
        isSelected: boolean;
        setOpenedMenuTemplateId: (id: string) => void;
    }) => JSX.Element;
    rowHeight?: number;
    getItemHeight?: (item: T) => number;
    groupName?: string;
    isLoading?: boolean;
    isFetching?: boolean;
};
export declare const ListBox: <T extends GroupedListBoxItem>({ items, selected, onSelect, renderItemRightAddon, renderLabel, rowHeight, getItemHeight, groupName, isLoading, isFetching, ...rest }: Props<T>) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=ListBox.d.ts.map