const Differentiators = ({ lang }) => {
  const t = window.DICT[lang].why;
  return (
    <section id="why" data-screen-label="04 Why us">
      <div className="container">
        <div className="section-head">
          <div className="tag">
            <div className="eyebrow">{t.eyebrow}</div>
          </div>
          <div>
            <h2>{t.title1} <em>{t.title2}</em><br />{t.title2b}</h2>
          </div>
        </div>

        <div className="diffs">
          {t.items.map((it) =>
          <div key={it.n} className="diff">
              <div className="diff-num">{it.n}</div>
              <div className="diff-title">{it.t}</div>
              <div className="diff-body">{it.d}</div>
              <div className="diff-meta" style={{ fontSize: "12px" }}>{it.m}</div>
            </div>
          )}
        </div>
      </div>
    </section>);

};

window.Differentiators = Differentiators;