import type { ReactNode } from "react";

export function Metric({ label, value, tone = "default" }: { label: string; value: ReactNode; tone?: "default" | "dark" | "danger" }) {
  return (
    <div className={`metric metric-${tone}`}>
      <span>{label}</span>
      <strong>{value}</strong>
    </div>
  );
}
