import { ReactNode } from 'react';
import { ThemeUIStyleObject } from 'theme-ui';
export declare type DataGroupingProps = {
    value?: ReactNode;
    loading?: boolean;
    title?: ReactNode;
    unit?: string;
    status?: string;
    size?: 'xlarge' | 'large' | 'medium' | 'small';
    icon?: ReactNode;
    percentChange?: number;
    valueTextTransform?: 'lowercase' | 'uppercase';
    titleTooltip?: {
        title?: ReactNode;
        text: ReactNode;
    };
    valueTooltip?: {
        title?: ReactNode;
        text: ReactNode;
    };
    sxPassthrough?: ThemeUIStyleObject;
};
export declare const DataGrouping: ({ value, loading, title, unit, status, size, icon, percentChange, valueTextTransform, titleTooltip, valueTooltip, sxPassthrough, }: DataGroupingProps) => import("theme-ui/jsx-runtime").JSX.Element;
