---
import BaseNavigation from '../components/layout/BaseNavigation.astro';
import BaseFooter from '../components/layout/BaseFooter.astro';
import BaseHead from '../components/layout/BaseHead.astro';
import '../styles/global.css';

interface Props {
  title: string;
  description: string;
  classList?: string;
  pageTitle?: string;
}

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

<html lang='en' class='h-full'>
  <BaseHead title={title} description={description} />

  <body class:list={[classList]}>
    <BaseNavigation {pageTitle} />
    <slot />
    <BaseFooter />
  </body>
</html>
