export function MetricCard({
  label,
  value,
  tone,
}: {
  label: string;
  value: string;
  tone: "ok" | "warn" | "danger";
}) {
  return (
    <section className="card metric">
      <span className={`badge ${tone}`}>{label}</span>
      <strong className="value">{value}</strong>
      <span className="metric-foot">Current dashboard snapshot</span>
    </section>
  );
}