File size: 947 Bytes
adea8c3 5482b12 adea8c3 3fc3cc7 adea8c3 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | import React from "react";
interface StatCardProps {
label: string;
value: string | number;
icon: React.ReactNode;
iconBg: string;
}
const StatCard: React.FC<StatCardProps> = ({ label, value, icon, iconBg }) => {
return (
<div
className="glass-panel hover-lift rounded-3xl p-7 transition-all duration-200 group"
>
<div className="flex items-start justify-between mb-5">
<p
className="text-[11px] font-bold uppercase tracking-[0.12em]"
style={{ color: "var(--color-muted)" }}
>
{label}
</p>
<div className={`p-2.5 rounded-xl transition-transform group-hover:scale-110 ${iconBg}`}>
{icon}
</div>
</div>
<h3
className="text-4xl font-extrabold tracking-tight tabular-nums drop-shadow-sm"
style={{ color: "var(--color-heading)" }}
>
{value}
</h3>
</div>
);
};
export default StatCard;
|