/* global React */
function NxPositioning({ lang }) {
  const t = window.NX_COPY[lang].positioning;
  return (
    <section className="nx-positioning" id="positioning">
      <div className="nx-container nx-container--wide">
        <div className="nx-grid">
          <div>
            <div className="nx-eyebrow">{t.eyebrow}</div>
            <div className="nx-positioning__count">15+</div>
            <div className="nx-positioning__count-label">Jahre Transformation</div>
          </div>
          <div>
            <h2 className="nx-h2">{t.headline}</h2>
            <p className="nx-lead" style={{ marginTop: 32 }}>{t.body}</p>
            <div className="nx-positioning__stops">
              {t.stops.map((s, i) => (
                <span key={s} className={i === 2 ? "accent" : ""}>{s}</span>
              ))}
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.NxPositioning = NxPositioning;