import Head from 'next/head'
import React from 'react'

type SeoProps = {
  seo: any
}

const HTMLHead: React.FC<SeoProps> = ({ seo }) => {
  const {
    metaTitle,
    metaDescription,
    keywords,
    canonicalURL,
    metaRobots,
    metaImage,
  } = seo

  return (
    <Head>
      <title>{metaTitle}</title>
      <meta name="description" content={metaDescription} />
      <meta name="keywords" content={keywords} />
      <link rel="canonical" href={canonicalURL} key="canonical" />
      <meta property="og:description" content={metaDescription} />
      <meta name="robots" content={metaRobots} />
      <meta property="og:title" content={metaTitle} />
      <meta
        property="og:image"
        content={ metaImage}
      />
    </Head>
  )
}

export default HTMLHead
