// Petition statement — editorial body on paper.
function Petition({ data }) {
  const { Eyebrow } = window.IAIGADesignSystem_db07e0;
  const paras = data.petition.split("\n\n");
  return (
    <section className="petition section" id="petition">
      <div className="wrap wrap--narrow">
        <Eyebrow>The stakes</Eyebrow>
        <div className="petition__body">
          {paras.map((p, i) => (
            <p key={i} className={i === 0 ? "petition__lead" : ""}>{p}</p>
          ))}
        </div>
        <p className="petition__sign">
          <span className="petition__sign-mark">§</span>
          A declaration by citizens of the world — open for signature.
        </p>
      </div>
    </section>
  );
}
window.Petition = Petition;