import type { PropsWithChildren } from 'react'
import dynamic from 'next/dynamic'

import Header from '@/components/shared/Header'
const DynamicFooter = dynamic(() => import('../shared/Footer'))

type Props = PropsWithChildren

export default function Layout({ children }: Props) {
  return (
    <>
      <a href="#content" className="sr-only">
        Skip to content
      </a>

      <Header />

      <main id="content">{children}</main>

      {/*<DynamicFooter /> */}

      {/* <PreviewAlert /> */}
    </>
  )
}