20 lines
532 B
TypeScript
20 lines
532 B
TypeScript
interface Stat {
|
|
label: string
|
|
value: number
|
|
icon: string
|
|
}
|
|
|
|
export function StatsCards({ stats }: { stats: Stat[] }) {
|
|
return (
|
|
<div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
|
|
{stats.map((stat) => (
|
|
<div key={stat.label} className="stat-card">
|
|
<div className="text-2xl mb-2">{stat.icon}</div>
|
|
<div className="text-3xl font-bold text-gray-900">{stat.value}</div>
|
|
<div className="text-sm text-gray-500 mt-1">{stat.label}</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|