text: import React from "react"
  import { Helmet } from "react-helmet"
  import { useStaticQuery, graphql } from "gatsby"
  
  export const query = graphql`
    {
      site {
        siteMetadata {
          author
          siteDesc: description
          image
          siteUrl
          siteTitle: title
          twitterUsername
        }
      }
    }
  `
  
  const SEO = ({ title, description }) => {
    const { site } = useStaticQuery(query)
    const {
      siteDesc,
      siteTitle,
      siteUrl,
      image,
    } = site.siteMetadata
    return (
      <Helmet htmlAttributes={{ lang: "en" }} title={`${title} | ${siteTitle}`}>
        <meta content={description || siteDesc}></meta>
        <meta name="image" content={image}></meta>
        <meta property="og:url" content={siteUrl} />
        <meta property="og:type" content="article" />
        <meta property="og:title" content="Home | WebDev Portfolio" />
        <meta
          property="og:description"
          content="web developmentI'm baby meditation tofu chillwave, distillery messenger bag thundercats chicharrones kale chips gochujang. Banh mi direct trade marfa salvia."
        />
        <meta
          property="og:image"
          content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg"
        />
      </Helmet>
    )
  }
  
  export default SEO
  