/* global React */
function NxImpact({ lang }) {
  const t = window.NX_COPY[lang].impact;
  return (
    <section className="nx-section nx-section--dark nx-section--tight nx-band nx-band--impact">
      <div className="nx-container nx-container--wide">
        <div className="nx-eyebrow nx-eyebrow--on-dark" style={{ textAlign: "center", display: "flex", justifyContent: "center", marginBottom: 56 }}>{t.eyebrow}</div>
        <div className="nx-impact">
          {t.items.map((it, i) => (
            <div key={i} className="nx-impact__item">
              <div className="nx-impact__k">{it.k}</div>
              <div className="nx-impact__v">{it.v}</div>
            </div>
          ))}
          <div className="nx-impact__item nx-impact__item--echo">
            <div className="nx-impact__echo-k">{t.echo.k}</div>
            <div className="nx-impact__echo-v">{t.echo.v}</div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.NxImpact = NxImpact;