interface Stat {
  num: string;
  numSuffix?: string;
  label: string;
}

interface BlogStatStripProps {
  stats: Stat[];
}

export function BlogStatStrip({ stats }: BlogStatStripProps) {
  return (
    <div className="b-statstrip">
      {stats.map((s, i) => (
        <div key={i}>
          <div className="b-stat-num">
            {s.num}
            {s.numSuffix && <em>{s.numSuffix}</em>}
          </div>
          <div className="b-stat-lbl">{s.label}</div>
        </div>
      ))}
    </div>
  );
}