10 lines
434 B
React
10 lines
434 B
React
|
export default function StatCard({ label, value, sub, accent }) {
|
||
|
|
return (
|
||
|
|
<div className="bg-slate-900 border border-slate-800 rounded-xl p-4 flex flex-col gap-1 min-w-0">
|
||
|
|
<p className="text-slate-400 text-xs uppercase tracking-widest truncate">{label}</p>
|
||
|
|
<p className={`text-3xl font-bold ${accent ?? 'text-slate-100'}`}>{value}</p>
|
||
|
|
{sub && <p className="text-slate-400 text-sm">{sub}</p>}
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|