import React from 'react'
import { Helmet } from 'react-helmet'
import PropTypes from 'prop-types'
import { useMeta } from '../../hooks/use-meta'
import { useResume } from '../../hooks/use-resume'
const MetaTags = ({ title, description, url, image }) => {
const { basics } = useResume()
const twitterHandle = basics.profiles.filter(
({ network }) => network === 'Twitter'
)[0].username
return (
{/* General tags */}
{/* OpenGraph tags */}
{/* Twitter Card tags */}
)
}
MetaTags.propTypes = {
title: PropTypes.string,
description: PropTypes.string,
url: PropTypes.string,
image: PropTypes.string,
meta: PropTypes.object
}
SEO.propTypes = {
project: PropTypes.object
}
export default function SEO({ project }) {
const meta = useMeta()
const { basics } = useResume()
const title = (project && project.title) || null
const description = (project && project.fields.excerpt) || meta.description
const image =
(project && project.img.childImageSharp.twitterImage.src) ||
meta.img.childImageSharp.resize.src
const url = (project && `${basics.website}${project.slug}`) || basics.website
return (
)
}