/**
 * Metric Card Component
 *
 * Displays a single metric with optional trend indicator,
 * sparkline chart, and status coloring.
 */
import React from 'react';
export interface MetricCardProps {
    /** Label for the metric */
    label: string;
    /** Primary value to display */
    value: string | number;
    /** Optional unit suffix */
    unit?: string;
    /** Optional secondary/detail value */
    detail?: string;
    /** Status for coloring: success, warning, error, neutral */
    status?: 'success' | 'warning' | 'error' | 'neutral';
    /** Optional trend: up, down, stable */
    trend?: 'up' | 'down' | 'stable';
    /** Optional icon/emoji */
    icon?: string;
    /** Width of the card */
    width?: number;
    /** Show border */
    bordered?: boolean;
}
/**
 * Metric Card - Displays a key metric with styling
 */
export declare function MetricCard({ label, value, unit, detail, status, trend, icon, width, bordered, }: MetricCardProps): React.JSX.Element;
/**
 * Metric Row - Horizontal layout of metrics
 */
export declare function MetricRow({ children, gap, }: {
    children: React.ReactNode;
    gap?: number;
}): React.JSX.Element;
/**
 * Metric Grid - Grid layout of metric cards
 */
export declare function MetricGrid({ children, columns, }: {
    children: React.ReactNode;
    columns?: number;
}): React.JSX.Element;
export default MetricCard;
