/* global React */
function ResultsBand() {
  const stats = [
    { n: "516 188", label: "vues organiques", sub: "5 reels · Baumanière 3★" },
    { n: "18 907", label: "j'aime", sub: "campagne 2025" },
    { n: "703", label: "enregistrements", sub: "intention forte" },
    { n: "341 550", label: "comptes touchés", sub: "portée organique" },
  ];
  return (
    <section className="fn-results">
      <div className="fn-results-head">
        <span className="eyebrow eyebrow--muted">Résultats · campagne récente</span>
        <h2 className="display-m">Pour durer,<br/>pas pour faire un coup.</h2>
      </div>
      <div className="fn-results-grid">
        {stats.map((s) => (
          <div key={s.label} className="fn-stat">
            <div className="fn-stat-n">{s.n}</div>
            <div className="fn-stat-label">{s.label}</div>
            <div className="fn-stat-sub">{s.sub}</div>
          </div>
        ))}
      </div>
    </section>
  );
}

window.ResultsBand = ResultsBand;