import AlertBanner from 'components/AlertBanner'

import Footer from './Footer/Footer'
import Navbar from './Navbar/Navbar'

export default function Layout({
  preview,
  loading,
  children,
}: {
  preview: boolean
  loading?: boolean
  children: React.ReactNode
}) {
  return (
    <>
      <link rel="preconnect" href="https://fonts.googleapis.com" />
      <link rel="preconnect" href="https://fonts.gstatic.com" />
      <link
        href="https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap"
        rel="stylesheet"
      />
      <div className="min-h-screen">
        <AlertBanner preview={preview} loading={loading} />
        <Navbar />
        <main>{children}</main>
        <Footer />
      </div>
    </>
  )
}