Footer

import { Footer, Link } from "@wfp/react";

<Footer
  metaContent="2023 © World Food Programme"
  secondary="Via C. G. Viola 68 Parco dei Medici
    00148 Rome, Italy"
>
  <div className="wfp--footer__info">
    <div className="wfp--footer__info__item">
      <p className="wfp--footer__label">
        Link group title
      </p>
      <ul className="wfp--footer__list">
        <li>
          <Link href="http://www.wfp.org" linkSolid>
            First Link
          </Link>
        </li>
        <li>
          <Link href="http://www.wfp.org" linkSolid>
            Second Link
          </Link>
        </li>
      </ul>
    </div>
    <div className="wfp--footer__info__item">
      <p className="wfp--footer__label">
        Link group label
      </p>
      <ul className="wfp--footer__list">
        <li>
          <Link href="http://www.wfp.org" linkSolid>
            First Link
          </Link>
        </li>
        <li>
          <Link href="http://www.wfp.org" linkSolid>
            Second Link
          </Link>
        </li>
      </ul>
    </div>
  </div>
</Footer>;