text: import React from 'react'
  import {Helmet} from 'react-helmet'
  import { useStaticQuery, graphql } from 'gatsby'
  
  const Head =({ title }) => {
  
      const data = useStaticQuery(graphql`
          query{
              site{
                  siteMetadata{
                      title
                  }
              }
          }
      `)
  
      //title will appear as title of the tab
      return(
          <Helmet title= {`${title} | ${data.site.siteMetadata.title}`}/>
      )
  }
  export default Head