text: import React from 'react';
  import './Footer.css';
  import { NavLink } from 'react-router-dom';
  
  const { REACT_APP_API_GOUV_HOST: API_GOUV_HOST } = process.env;
  
  const Footer = () => (
    <footer className="footer">
      <div className="container">
        <div className="footer__logo">
          <a href={`${API_GOUV_HOST}/datapass/api`}>
            <img
              src="/images/logo-api.gouv.fr-white.png"
              alt="Logo api.gouv.fr"
            />
          </a>
          <ul className="footer__social">
            <li>
              <a href="https://twitter.com/BetaGouv" title="Twitter">
                <img
                  src="/images/social/twitter.svg"
                  alt="Twitter"
                  className="icon icon-twitter"
                />
              </a>
            </li>
            <li>
              <a href="https://github.com/betagouv" title="Github">
                <img
                  src="/images/social/github.svg"
                  alt="Github"
                  className="icon icon-github"
                />
              </a>
            </li>
            <li>
              <a
                href="mailto:contact@api.gouv.fr?subject=Contact%20via%20datapass.api.gouv.fr"
                title="Nous écrire un mail"
              >
                <img
                  src="/images/social/email.svg"
                  alt="Email"
                  className="icon icon-mail"
                />
              </a>
            </li>
          </ul>
        </div>
        <ul className="footer__links">
          <li className="footer__links_header">api.gouv.fr</li>
          <li>
            <a href="http://beta.gouv.fr/">Une réalisation de beta.gouv.fr</a>
          </li>
          <li>
            <a href="https://numerique.gouv.fr/">Une mission de la DINUM</a>
          </li>
          <li>
            <a href="http://etatplateforme.modernisation.gouv.fr/">
              Un site de l'État plateforme
            </a>
          </li>
          <li>
            <a href={`${API_GOUV_HOST}/apropos`}>Qu'est ce qu'une API ?</a>
          </li>
          <li>
            <a href={`/docs/cgu_datapass.pdf`}>
              Conditions générales d'utilisation
            </a>
          </li>
          <li>
            <NavLink exact to={`/accessibilite`}>
              Déclaration d'accessibilité
            </NavLink>
          </li>
        </ul>
      </div>
    </footer>
  );
  
  export default Footer;
  