import { HTMLAttributes, ReactNode } from 'react';
declare const iconVariants: (props?: ({
    tone?: "glass" | "orange" | "cyan" | "violet" | "rose" | "emerald" | "amber" | null | undefined;
    size?: "md" | "sm" | "lg" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
export type MetricCardTone = 'amber' | 'cyan' | 'emerald' | 'violet' | 'rose' | 'orange' | 'glass';
export interface DashboardMetricCardProps extends HTMLAttributes<HTMLDivElement> {
    icon?: ReactNode;
    label: string;
    value: string | number;
    detail?: string;
    trend?: ReactNode;
    tone?: MetricCardTone;
    iconSize?: 'sm' | 'md' | 'lg';
}
declare const DashboardMetricCard: import('react').ForwardRefExoticComponent<DashboardMetricCardProps & import('react').RefAttributes<HTMLDivElement>>;
export { DashboardMetricCard, iconVariants as metricIconVariants };
//# sourceMappingURL=dashboard-metric-card.d.ts.map