/**
 * MetricsCard — labeled key/value grid with an optional progress footer.
 * @countermeasure-platform/web-components/composites/metrics-card
 *
 * Mirrors the live training-metrics card the consumer's run-monitor uses.
 * Built on the shadcn-tone Card + Progress so it slots into a Tailwind-v4
 * host app without extra theming work.
 *
 * `format` controls how each `value` renders:
 *   - `'number'`   → comma-grouped integer (locale)
 *   - `'percent'`  → "12.3%"  (assumes a 0-1 fraction OR a 0-100 number;
 *                   values > 1 are treated as already-percent)
 *   - `'expo'`     → exponential, 2 sig figs (e.g. "3.2e-4")
 *   - `'eta'`      → "Hh Mm Ss" elapsed/remaining (positive seconds)
 *   - `'duration'` → same as `eta` but always positive
 *   - undefined    → as-is (string or number toString)
 */
import * as React from 'react';
export type MetricsFormat = 'number' | 'percent' | 'expo' | 'eta' | 'duration';
export interface MetricsItem {
    label: string;
    value: string | number;
    format?: MetricsFormat;
}
export interface MetricsCardProps extends React.HTMLAttributes<HTMLDivElement> {
    title?: string;
    items: MetricsItem[];
    progress?: {
        value: number;
        total: number;
    };
}
export declare function MetricsCard({ title, items, progress, className, ...rest }: MetricsCardProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=metrics-card.d.ts.map