1 import React from 'react'
2 import useSiteMetdata from './hooks/use-site-metadata'
3
4 const buildTitle = (...parts) => [...new Set(parts.filter(Boolean))].join(' | ')
5
6 export const Head = ({pageContext: {frontmatter = {}}}) => {
7 const siteMetadata = useSiteMetdata()
8
9 const title = buildTitle(frontmatter.title, siteMetadata.title)
10 const description = frontmatter.description || siteMetadata.description
11
12 return (
13 <>
14 <title>{title}</title>
15 <meta name="description" content={description} />
16 <meta property="og:title" content={title} />
17 <meta property="og:description" content={description} />
18 <meta property="og:image" content={siteMetadata.imageUrl} />
19 <meta property="twitter:card" content="summary_large_image" />
20 <html lang={siteMetadata.lang} />
21 </>
22 )
23 }
24
25 const PassThrough = ({children}) => children
26
27 export default PassThrough