import React from 'react'
import {Helmet} from "react-helmet"
import PropTypes from 'prop-types'
import {useStaticQuery, graphql} from 'gatsby'
import Facebook from './Facebook'
import Twitter from './Twitter'
// @ts-ignore
const SEO = ({title, desc, banner, pathname}) => {
const {site, file} = useStaticQuery(query)
const {
siteMetadata: {
siteUrl,
defaultTitle,
defaultDescription,
siteLanguage,
ogLanguage,
twitter,
},
} = site
const seo = {
title: title || defaultTitle,
description: desc || defaultDescription,
image: `${siteUrl}${banner || file.childImageSharp.resize.src}`,
url: `${siteUrl}${pathname || ''}`,
}
return (
<>
)
}
export default SEO
SEO.propTypes = {
title: PropTypes.string,
desc: PropTypes.string,
banner: PropTypes.string,
pathname: PropTypes.string,
article: PropTypes.bool,
node: PropTypes.object,
}
SEO.defaultProps = {
title: null,
desc: null,
banner: null,
pathname: null,
article: false,
node: null,
}
const query = graphql`
query {
site {
siteMetadata {
siteUrl
defaultTitle: title
defaultDescription: description
siteLanguage
ogLanguage
twitter
}
}
file(relativePath: { eq: "logo.png" }) {
childImageSharp {
resize {
src
}
}
}
}`