import React from "react";
export function StatBlock({ ordinal, value, label, style }) {
  return (
    <div style={{ fontFamily: "var(--font-sans)", ...style }}>
      {ordinal && <div style={{ fontSize: "10px", fontWeight: 700, letterSpacing: "0.18em", color: "var(--rr-muted)", marginBottom: "4px" }}>{ordinal}</div>}
      <div style={{ fontFamily: "var(--font-display)", fontSize: "42px", lineHeight: 1, color: "var(--rr-bright)" }}>{value}</div>
      <div style={{ fontSize: "12px", color: "var(--fg-soft)", marginTop: "6px" }}>{label}</div>
    </div>
  );
}