// Section heading shared by the home sections, the inner pages and the ethics
// page, which loads no other section module. Loaded right after hero.jsx.

(function (NUON) {
  // ============================================================
  // SECTION HEAD (multi-page reuse)
  // ============================================================
  function SectionHead({ overline, title, lede }) {
    return (
      <div className="section__head">
        <div>
          <div className="section__overline">
            <span className="num mono-label">{overline}</span>
          </div>
          <h2 className="section__title">{title}</h2>
        </div>
        <div>{lede && <p className="section__lede">{lede}</p>}</div>
      </div>
    );
  }

  Object.assign(NUON, { SectionHead });
})((window.NUON ??= {}));