import { default as React } from 'react';
import { SxProps, Theme } from '@mui/material/styles';
import { SemanticColor } from '../types';
export interface StatCardProps {
    /** The large metric value (e.g. "42", "99.9%", "3.2s") */
    value: string | number;
    /** Label beneath the value */
    label: string;
    /** Optional description text */
    description?: string;
    /** Icon displayed in the top-right corner */
    icon?: React.ReactNode;
    /** Trend indicator: positive = up/green, negative = down/red, zero = neutral */
    trend?: {
        value: number;
        label?: string;
    };
    /** Accent color for the value and trend */
    color?: SemanticColor;
    sx?: SxProps<Theme>;
}
declare function StatCard({ value, label, description, icon, trend, color, sx, }: StatCardProps): import("react/jsx-runtime").JSX.Element;
declare namespace StatCard {
    var displayName: string;
}
export default StatCard;
