blog/src/components/templates/Page.tsx

import React from 'react'
import { Helmet } from 'react-helmet'
import { Post } from '../../@types/Post'
import SEO from '../atoms/SEO'
import styles from './Page.module.scss'

export default function Page({
  title,
  location,
  section,
  children,
  post
}: {
  title: string
  children: any
  section?: string
  location: Location
  post?: Post
}) {
  return (
    <>
      <Helmet title={title} />
      <SEO slug={location.pathname} postSEO post={post} />

      <h1 className={styles.pageTitle}>{title}</h1>
      {section ? <section className={section}>{children}</section> : children}
    </>
  )
}