{"size": 1100, "ext": "js", "max_stars_repo_path": "src/components/footer.js", "max_stars_repo_name": "milovanderlinden/covid-19-self-assessment-v2.8", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/footer.js", "max_issues_repo_name": "milovanderlinden/covid-19-self-assessment-v2.8", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/footer.js", "max_forks_repo_name": "milovanderlinden/covid-19-self-assessment-v2.8", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 30.5555555556, "max_line_length": 99, "alphanum_fraction": 0.5318181818}
import React from "react"
import "../stylesheets/footer.css"
import { footer } from "../localized_content"

const Footer = ({ lang }) => (
  <footer>
    <div className="ontario-grid-container">
      <div className="ontario-row ontario-row--collapse">
        <div className="ontario-small-12 ontario-columns">
          <ul className="ontario-footer__list ontario-list--inline">
            {footer &&
              footer[lang].map((item, index) => (
                <li key={index}>
                  <a href={item.link}>{item.text}</a>
                </li>
              ))}
          </ul>
        </div>
      </div>
      <div className="ontario-row ontario-row--collapse">
        <div className="ontario-small-12 ontario-columns">
          <p className="ontario-footer__copyright">
            <small>
              <a href="https://www.ontario.ca/page/copyright-information-c-queens-printer-ontario">
                © Queen’s Printer for Ontario, 2012–20
              </a>
            </small>
          </p>
        </div>
      </div>
    </div>
  </footer>
)

export default Footer
