clean

components/ui/metric-card.tsx

@@ -7,6 +7,7 @@ interface MetricCardProps {
   title: string;
   value: number | string;
   icon: LucideIcon;
+  description?: string;
   trend?: {
     value: number;
     isPositive: boolean;
@@ -18,6 +19,7 @@ export function MetricCard({
   title, 
   value, 
   icon: Icon, 
+  description,
   trend, 
   className 
 }: MetricCardProps) {
@@ -33,6 +35,11 @@ export function MetricCard({
         <div className="text-2xl font-bold">
           {typeof value === 'number' ? formatNumber(value) : value}
         </div>
+        {description && (
+          <p className="text-xs text-muted-foreground mt-1">
+            {description}
+          </p>
+        )}
         {trend && (
           <Badge 
             variant={trend.isPositive ? "default" : "destructive"}