function Stats() {
  const copy = window.atelaGetCopySection('stats');
  const stats = copy.items || [];

  return (
    <section id="stats" className="landing-stats">
      <div className="atela-container">
        {Array.isArray(copy.messageLines) && copy.messageLines.length ? (
          <div className="landing-stats-message">
            {copy.messageLines.map((line, index) => (
              <React.Fragment key={`${line}-${index}`}>
                {index > 0 ? <br /> : null}
                {line}
              </React.Fragment>
            ))}
          </div>
        ) : (
          <div className="landing-stats-row">
            {stats.map((s, i) => (
              <div key={i} className="landing-stat">
                <div className="landing-stat-n">{s.n}</div>
                <div className="landing-stat-l">{s.l}</div>
              </div>
            ))}
          </div>
        )}
      </div>
    </section>
  );
}

window.Stats = Stats;