import type {Stat} from '@/types/content';

type StatsProps = {
  stats: Stat[];
};

export function Stats({stats}: StatsProps) {
  return (
    <div className="statsGrid">
      {stats.map(stat => (
        <div className="statItem" key={`${stat.value}-${stat.label}`}>
          <strong>{stat.value}</strong>
          <span>{stat.label}</span>
        </div>
      ))}
    </div>
  );
}
