import * as React from "react";
declare const colorClasses: {
    readonly blue: "bg-gradient-to-br from-blue-500 to-cyan-500 text-white";
    readonly green: "bg-gradient-to-br from-green-500 to-emerald-500 text-white";
    readonly orange: "bg-gradient-to-br from-orange-500 to-yellow-500 text-white";
    readonly red: "bg-gradient-to-br from-red-500 to-pink-500 text-white";
    readonly purple: "bg-gradient-to-br from-purple-500 to-indigo-500 text-white";
    readonly accent: "bg-accent/10 text-accent";
    readonly success: "bg-success/10 text-success";
    readonly info: "bg-info/10 text-info";
    readonly warning: "bg-warning/10 text-warning";
    readonly destructive: "bg-destructive/10 text-destructive";
};
export type MetricCardColor = keyof typeof colorClasses;
declare const iconSizeClasses: {
    readonly sm: "size-4";
    readonly md: "size-5";
    readonly lg: "size-6";
};
export type MetricCardIconSize = keyof typeof iconSizeClasses;
export interface MetricCardProps {
    title: string;
    value: string | number;
    unit?: string;
    subtitle?: string;
    icon: React.ElementType;
    iconSize?: MetricCardIconSize;
    trend?: "up" | "down" | "stable";
    trendValue?: string;
    color?: MetricCardColor;
    children?: React.ReactNode;
}
export declare const MetricCard: ({ title, value, unit, subtitle, icon, iconSize, trend, trendValue, color, children }: MetricCardProps) => React.JSX.Element;
export {};
//# sourceMappingURL=MetricCard.d.ts.map