page.tsx

import React, { useEffect } from "react"

import { META_DESCRIPTION } from "../../util"

export const Page: React.FC<{
  title?: string
  metaDescription?: string
}> = props => {
  useEffect(() => {
    document.title = props.title ?? "Execute Program"
  }, [props.title])

  useEffect(() => {
    const node = document.querySelector('meta[name="description"]')
    if (!node) {
      throw new Error("BUG: couldn't find meta description node")
    }
    node.setAttribute("content", props.metaDescription ?? META_DESCRIPTION)
  }, [props.metaDescription])

  return <>{props.children}</>
}