text: import React from 'react'
  import { useStaticQuery, graphql } from 'gatsby'
  import Img from 'gatsby-image'
  
  export default function Header() {
    const data = useStaticQuery(graphql`
      query {
        logo: file(relativePath: { eq: "logo.png" }) {
          childImageSharp {
            fluid(maxWidth: 300) {
              ...GatsbyImageSharpFluid
            }
          }
        }
      }
    `)
  
    return (
      <div className="bg-gray-200 p-10">
        <Img fluid={data.logo.childImageSharp.fluid} className="object-center" />
      </div>
    )
  }
  