import type { FC, JSX, PropsWithChildren, ReactNode } from 'react';
import { Severity } from '../../constants/severity.types';
type MetricTileSize = 'sm' | 'md' | 'lg';
type MetricTileVariant = 'filled' | 'outlined';
type SizeValue = number | string;
interface MetricTileSlotProps {
    children: ReactNode;
}
interface MetricTileProps extends PropsWithChildren {
    severity: Severity;
    label: string;
    icon?: JSX.Element;
    value?: string | number;
    onClick?: () => void;
    tooltip?: ReactNode;
    size?: MetricTileSize;
    variant?: MetricTileVariant;
    minWidth?: SizeValue;
    maxWidth?: SizeValue;
    /** Smaller secondary label shown below the main value, e.g. a second time period. */
    secondaryLabel?: string;
    /** Smaller secondary value shown alongside secondaryLabel. Ignored if secondaryLabel is omitted. */
    secondaryValue?: string | number;
}
export declare const MetricTile: FC<MetricTileProps> & {
    Value: FC<MetricTileSlotProps>;
    Adornment: FC<MetricTileSlotProps>;
};
export {};