export interface StatProps {
  /** The number, formatted the German way ("1.800", "9,9"). Rendered thin (weight 200) and large. */
  value: string;
  /** Unit and noun under the number, e.g. "kg Anhängelast". */
  unit: string;
}

/**
 * One key figure (`.kwac-stat`): an oversized thin number (`.kwac-stat-num`)
 * over a small muted unit line (`.kwac-stat-unit`). Only meaningful inside `StatsRow`.
 */
export function Stat({ value, unit }: StatProps) {
  return (
    <div className="kwac-stat">
      <span className="kwac-stat-num">{value}</span>
      <span className="kwac-stat-unit">{unit}</span>
    </div>
  );
}