import * as React from "react" import { withPrefix } from "gatsby" import useSiteMetadata from "../hooks/use-site-metadata" type Props = { title?: string description?: string pathname?: string image?: string children?: React.ReactNode } const Seo = ({ title = ``, description = ``, pathname = ``, image = ``, children = null }: Props) => { const site = useSiteMetadata() const { siteTitle, siteTitleAlt: defaultTitle, siteUrl, siteDescription: defaultDescription, siteImage: defaultImage, author, siteLanguage, } = site const seo = { title: title ? `${title} | ${siteTitle}` : defaultTitle, description: description || defaultDescription, url: `${siteUrl}${pathname || ``}`, image: `${siteUrl}${image || defaultImage}`, } return ( <> {seo.title} {children} ) } export default Seo