{"size": 720, "ext": "js", "max_stars_repo_path": "src/components/footer.js", "max_stars_repo_name": "feitelogram/gatsbysite", "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": "feitelogram/gatsbysite", "max_issues_repo_issues_event_min_datetime": "2021-03-10T06:58:33.000Z", "max_issues_repo_issues_event_max_datetime": "2021-09-21T07:04:44.000Z", "max_forks_repo_path": "src/components/footer.js", "max_forks_repo_name": "feitelogram/gatsbysite", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 2, "max_forks_count": null, "avg_line_length": 21.8181818182, "max_line_length": 177, "alphanum_fraction": 0.5708333333}
import React from 'react'
import {graphql, useStaticQuery} from "gatsby"
import footerStyles from "./footer.module.scss"

const Footer  = () => {

  const linkStyle = {
    textDecoration: "none", 
    fontWeight: "bolder",
    color: "black",
}

    const data = useStaticQuery(graphql`
    query{
        site{
          siteMetadata{
            author
          }
        }
      }
    `)

    return (
        <div>
            <footer className={footerStyles.footer}>
                Made with <a target="_blank" rel="noopener noreferrer" style={linkStyle} href="https://www.gatsbyjs.org/">Gatsby.js</a> by {data.site.siteMetadata.author} ©2020 
            </footer>
        </div>
    )
}

export default Footer
