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>
  )
}
