blitzkit/packages/website-ue/src/layouts/BaseLayout.astro

---
import BaseMeta from "../components/BaseMeta.astro";
import BaseStyles from "../components/BaseStyles.astro";
import ColorAlias from "../components/ColorAlias.astro";
import ColorScale from "../components/ColorScale.astro";
import Footer from "../components/Footer.astro";
import Navbar from "../components/Navbar.astro";
import type { Color } from "../core/ui/color";

interface Props {
  locale: string;
  accent: Color;
  noNavbar?: boolean;
}

const { accent, noNavbar, locale } = Astro.props;
---

<html>
  <head>
    <BaseMeta />

    <ColorScale color="mauve" />
    <ColorAlias color="mauve" alias="gray" />

    <ColorScale color="black" alpha />
    <ColorScale color="white" alpha />

    <ColorScale color={accent} />
    <ColorAlias color={accent} alias="accent" />
    <BaseStyles />

    <style>
      body {
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: var(--space-5);
        min-height: 100dvh;

        background-color: var(--gray-1);
        color: var(--gray-12);
        font-family: var(--font-family-regular);
      }
    </style>

    <slot name="head" />
  </head>

  <body class="dark">
    {!noNavbar && <Navbar {locale} />}

    <slot />

    <Footer {locale} />
  </body>
</html>