const Stats = () => {
  const items = [
    { n: '500', suf: '+', lbl: 'Reports delivered' },
    { n: '93', suf: '%', lbl: 'Report accuracy rate' },
    { n: 'A', suf: '+', lbl: 'Customer satisfactory' },
    { n: '200', suf: '+', lbl: 'Countries researched' },
  ];
  return (
    <section className="stats">
      <div className="container">
        <div className="stats-grid">
          {items.map((it, i) => (
            <div key={i} className="stat">
              <div className="stat-n">{it.n}<span className="suf">{it.suf || ''}</span></div>
              <div className="stat-l">{it.lbl}</div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};

window.Stats = Stats;