import { FlexProps, PropsOf } from '@chakra-ui/react';
import { ListBox, ListBoxItem } from '../ListBox';
import { ListItemGroup } from './GroupList';
export type GroupedListBoxItem = ListBoxItem & {
    group?: ListItemGroup;
    updateDate?: string;
    updatedBy?: string;
};
type Props = Omit<FlexProps, 'onSelect'> & {
    items: Array<GroupedListBoxItem>;
    onSelect: (item: ListBoxItem | undefined) => void;
    renderItemRightAddon?: PropsOf<typeof ListBox>['renderItemRightAddon'];
    renderLabel?: PropsOf<typeof ListBox>['renderLabel'];
    rowHeight?: PropsOf<typeof ListBox>['rowHeight'];
    folderList?: Array<GroupedListBoxItem>;
    addNewFolder?: (folderName: string) => void;
    editingFolderId?: string;
    setEditingFolderId?: (id: string) => void;
    updateFolderName?: (name: string) => void;
    setDeleteFolderTarget?: (item: ListBoxItem) => void;
    deleteFolderMutate?: () => void;
    isLoading?: boolean;
    isFetching?: boolean;
};
export declare const GroupedListBox: ({ items, onSelect, renderItemRightAddon, renderLabel, rowHeight, folderList, addNewFolder, updateFolderName, editingFolderId, setEditingFolderId, setDeleteFolderTarget, deleteFolderMutate, isLoading, isFetching, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=GroupedListBox.d.ts.map