content: import React from 'react'
  import i18n from '../../i18n'
  
  const MapFooter = () => (
    <footer className="map-footer">
      <ul className="map-footer__navigation">
        <li>
          <a
            href="http://ernte-teilen.org/"
            target="_blank"
            rel="noopener noreferrer"
          >
            ernte-teilen.org
          </a>
        </li>
        <li>
          <a
            href="http://ernte-teilen.org/datenschutz/"
            target="_blank"
            rel="noopener noreferrer"
          >
            {i18n.t('nav.privacy')}
          </a>
        </li>
        <li>
          <a
            href="http://ernte-teilen.org/impressum/"
            target="_blank"
            rel="noopener noreferrer"
          >
            {i18n.t('nav.imprint')}
          </a>
        </li>
      </ul>
      <ul className="map-footer__attribution">
        <li>
          {i18n.t('nav.map_data')}
          <a
            href="https://www.mapbox.com/about/maps/"
            target="_blank"
            rel="noopener noreferrer"
          >
            ©&nbsp;MapBox
          </a>
        </li>
        <li>
          <a
            href="http://www.openstreetmap.org/about/"
            target="_blank"
            rel="noopener noreferrer"
          >
            ©&nbsp;OpenStreetMap
          </a>
        </li>
        <li>
          <strong>
            <a
              href="https://www.mapbox.com/map-feedback/"
              target="_blank"
              rel="noopener noreferrer"
            >
              Improve this map
            </a>
          </strong>
        </li>
      </ul>
    </footer>
  )
  
  export default MapFooter
  