/**
 * autoMetrics — KPI dashboard grid with Metric cards and optional Sparklines.
 *
 * Ported from mcp-generator-3.x display_tools.py → show_metrics.
 */
import { type ContainerComponent } from '../core/component.js';
export interface AutoMetricDef {
    /** Metric label (e.g. 'Revenue'). */
    label: string;
    /** Metric value (e.g. '$42K'). */
    value: string;
    /** Delta string (e.g. '+12%'). */
    delta?: string;
    /** Trend direction. */
    trend?: 'up' | 'down' | 'flat';
    /** Trend sentiment (positive = green, negative = red). */
    trendSentiment?: 'positive' | 'negative' | 'neutral';
    /** Description text below the metric. */
    description?: string;
    /** Sparkline data points. */
    sparkline?: number[];
}
export interface AutoMetricsOptions {
    /** Dashboard heading. */
    title?: string;
    /** Optional subtitle. */
    subtitle?: string;
    /** Number of grid columns. Default 4. */
    columns?: number;
}
/**
 * Auto-generate a KPI dashboard grid.
 *
 * @example
 * ```ts
 * autoMetrics([
 *   { label: 'Revenue', value: '$42K', delta: '+12%', trend: 'up', trendSentiment: 'positive', sparkline: [10, 25, 18, 30, 42] },
 *   { label: 'Users', value: '1,234', delta: '+5%', trend: 'up', trendSentiment: 'positive' },
 *   { label: 'Errors', value: '3', delta: '-80%', trend: 'down', trendSentiment: 'positive' },
 * ], { title: 'Dashboard', columns: 3 })
 * ```
 */
export declare function autoMetrics(metrics: AutoMetricDef[], options?: AutoMetricsOptions): ContainerComponent;
//# sourceMappingURL=metrics.d.ts.map