export function StatusCard({ label, value, tone = 'neutral' }) {
  const tones = {
    neutral: 'text-zinc-100',
    good: 'text-emerald-300',
    warn: 'text-amber-300',
    bad: 'text-red-300',
    active: 'text-cyan-300',
  };

  return (
    <div className="rounded-md border border-zinc-800 bg-zinc-900/70 p-4">
      <div className="text-xs uppercase tracking-wide text-zinc-500">{label}</div>
      <div className={`mt-2 text-2xl font-semibold ${tones[tone]}`}>{value}</div>
    </div>
  );
}
