{"size": 679, "ext": "js", "max_stars_repo_path": "src/components/Checkout/Header.js", "max_stars_repo_name": "my-jam-store/gatsby-myjam", "max_stars_repo_stars_event_min_datetime": "2020-02-21T02:59:59.000Z", "max_stars_repo_stars_event_max_datetime": "2020-09-02T22:43:14.000Z", "max_issues_repo_path": "src/components/Checkout/Header.js", "max_issues_repo_name": "my-jam-store/gatsby-myjam", "max_issues_repo_issues_event_min_datetime": "2020-01-25T13:59:42.000Z", "max_issues_repo_issues_event_max_datetime": "2020-01-25T14:05:19.000Z", "max_forks_repo_path": "src/components/Checkout/Header.js", "max_forks_repo_name": "my-jam-store/gatsby-myjam", "max_forks_repo_forks_event_min_datetime": "2020-02-27T18:20:22.000Z", "max_forks_repo_forks_event_max_datetime": "2020-04-08T08:54:41.000Z"}
{"max_stars_count": 16, "max_issues_count": 2, "max_forks_count": 3, "avg_line_length": 23.4137931034, "max_line_length": 88, "alphanum_fraction": 0.5405007364}
import React from "react"
import { graphql, Link, useStaticQuery } from "gatsby"
import Img from "gatsby-image"
import { LogoBlock } from "./Components"

const Header = () => {
  const data = useStaticQuery(graphql`
      query {
          placeholderImage: file(relativePath: { eq: "logo.png" }) {
              childImageSharp {
                  fluid(maxWidth: 100) {
                      ...GatsbyImageSharpFluid
                  }
              }
          }
      }
  `)

  return (
    <LogoBlock>
      <Link to={`/`}>
        <Img fluid={data.placeholderImage.childImageSharp.fluid} alt={`My Jam Store`} />
      </Link>
    </LogoBlock>
  )
}

export default Header
