---
import "@/styles/global.css";
import BaseHead from "@/components/BaseHead.astro";
import Header from "@/components/Header.astro";
import Footer from "@/components/Footer.astro";
import Drawer from "@/components/Drawer.astro";
import { SITE } from "@/consts";

export interface Props {
    title: string;
    description: string;
    image?: string;
}

const { title, description, image } = Astro.props;
---

<!doctype html>
<html lang="en">
    <head>
        <BaseHead
            title={`${title} | ${SITE.TITLE} ${SITE.AUTHOR}`}
            description={description}
            {image}
        />
    </head>
    <body>
        <Header />
        <Drawer />
        <main>
            <slot />
        </main>
        <Footer />
    </body>
</html>
