text: import React from "react"
  import { graphql, useStaticQuery } from "gatsby"
  import Image from "gatsby-image"
  // ...GatsbyImageSharpFluid
  
  const query = graphql`
    {
      person: file(relativePath: {eq: "person.png"}) {
        childImageSharp {
          fluid {
            ...GatsbyImageSharpFluid
          }
        }
      }
    }
  `
  
  const Hero = ({ showPerson }) => {
    const { person } = useStaticQuery(query)
    return (
    <header className="hero">
      {showPerson && (
      <Image fluid={person.childImageSharp.fluid} className="hero-person" />
      )}
    </header>
    )
  }
  
  export default Hero
  