---
// Minimal navbar (small logo + close button) then a .page with the content.
import BaseLayout from './BaseLayout.astro'
import Logo from '@shared/components/navbar/Logo.astro'

interface Props {
  title?: string
  /** Script/CSS library keys passed to BaseLayout */
  pageLibs?: string[]
  /** extra body classes, passed to BaseLayout */
  bodyClass?: string
}

const { title, pageLibs, bodyClass } = Astro.props
---

<BaseLayout title={title} pageLibs={pageLibs} bodyClass={bodyClass}>
  <!-- BEGIN NAVBAR  -->
  <header class="navbar">
    <div class="container-fluid">
      <Logo smallLogo />

      <div>
        <a href="." class="btn btn-close" aria-label="Close"></a>
      </div>
    </div>
  </header>
  <!-- END NAVBAR  -->

  <!-- BEGIN PAGE BODY -->
  <main class="page" id="content">
    <slot />
  </main>
  <!-- END PAGE BODY -->
</BaseLayout>