text: import React from "react"
  import { useStaticQuery, graphql } from "gatsby"
  import Header from "../Header/Header"
  
  export default function HeaderWrapper() {
    const data = useStaticQuery(graphql`
      query {
        markdownRemark(frontmatter: { componentName: { eq: "header" } }) {
          frontmatter {
            description
            title
          }
        }
        logo: file(relativePath: { eq: "logo.jpg" }) {
          childImageSharp {
            fixed(width: 120, height: 50) {
              ...GatsbyImageSharpFixed
            }
          }
        }
      }
    `)
    return <Header data={data} />
  }
  