---
interface Props {
  title?: string;
  subtitle?: string;
  description?: string;
  navbarDisplay?: "normal" | "transparent";
  image?: SiteImage;
}

const {
  title,
  subtitle,
  description,
  navbarDisplay = "normal",
  image
} = Astro.props;

import "@/styles/global.css";

import Footer from "@components/Footer.astro";
import Navbar from "@components/Navbar.astro";
import Player from "@components/Player.astro";
import MainHead from "@layouts/MainHead.astro";
---

<!doctype html>
<html lang="en">
  <MainHead {title} {subtitle} {description} {image} />
  <body class="flex min-h-svh flex-col">
    <Navbar {navbarDisplay} />
    <main class="grow">
      <slot />
    </main>
    <Footer />
    <Player />
  </body>
</html>
