text: import React from "react"
  import { Helmet } from "react-helmet"
  import { useStaticQuery, graphql } from "gatsby"
  
  export const query = graphql`
    {
      site {
        siteMetadata {
          title
          description
        }
      }
    }
  `
  
  export default function SEO({ title, description }) {
    const { site } = useStaticQuery(query)
    const metaDescription = description || site.siteMetadata.description
    return (
      <Helmet
        htmlAttributes={{ lang: "en" }}
        title={`${title} | ${site.siteMetadata.title}`}
        meta={[{ name: `description`, content: metaDescription }]}
      ></Helmet>
    )
  }
  