import { Footer, Link } from "@progressiveui/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">A label</p>
      <ul className="wfp--footer__list">
        <li>
          <Link href="http://www.wfp.org">
            First Link
          </Link>
        </li>
        <li>
          <Link href="http://www.wfp.org">
            Second Link
          </Link>
        </li>
      </ul>
    </div>
    <div className="wfp--footer__info__item">
      <p className="wfp--footer__label">
        Another label
      </p>
      <ul className="wfp--footer__list">
        <li>
          <Link href="http://www.wfp.org">
            First Link
          </Link>
        </li>
        <li>
          <Link href="http://www.wfp.org">
            Second Link
          </Link>
        </li>
      </ul>
    </div>
  </div>
</Footer>;