import { cn } from '@/lib/utils';
export function StatCard({ label, value, sub, color }: { label: string; value: string | number; sub?: string; color?: string }) {
    return (
        <div className="bg-white rounded-lg border border-border p-5 shadow-sm">
            <p className="text-sm text-muted-foreground">{label}</p>
            <p className={cn('text-2xl font-bold mt-1', color ?? 'text-foreground')}>{value}</p>
            {sub && <p className="text-xs text-muted-foreground mt-1">{sub}</p>}
        </div>
    );
}