import { Helmet } from 'react-helmet'

const Seo = ({
  title,
  description,
  lang,
  socialImageUrl,
}: {
  title: string
  description: string
  lang: string
  socialImageUrl?: string
}) => {
  return (
    <>
      <Helmet
        htmlAttributes={{
          lang,
        }}
        title={title}
        titleTemplate={`Cadhub - ${title}`}
      >
        <meta property="og:locale" content={lang} />
        <meta property="og:title" content={title} />
        <meta property="og:description" content={description} />
        <meta name="description" content={description} />
        <meta property="og:image" content={socialImageUrl} />
        <title>Cadhub - {title}</title>
      </Helmet>
    </>
  )
}

export default Seo