import type { Table } from '@tanstack/react-table';
export interface GroupingControlsProps<TData> {
    /** The TanStack Table instance */
    table: Table<TData>;
    /** List of column IDs that can be grouped. If not provided, uses columns with enableGrouping: true */
    groupableColumns?: string[];
    /** Placeholder text when no grouping is selected */
    placeholder?: string;
    /** Maximum number of grouping levels allowed */
    maxLevels?: number;
    /** Visual variant of the control */
    variant: 'dropdown' | 'chips';
    /** Size variant */
    size?: 'sm' | 'md';
    /** Additional class name */
    className?: string;
}
interface GroupableColumn {
    id: string;
    label: string;
}
declare function GroupingControls<TData>({ table, groupableColumns: groupableColumnsProp, placeholder, maxLevels, variant, size, className, }: GroupingControlsProps<TData>): import("react/jsx-runtime").JSX.Element;
declare namespace GroupingControls {
    var displayName: string;
}
export type { GroupableColumn };
export { GroupingControls };
