---
import BaseLayout from './BaseLayout.astro'
import Logo from '@shared/components/navbar/Logo.astro'

interface Props {
  title?: string
  containerSize?: string
  hideLogo?: boolean
}

const { title, containerSize = 'tight', hideLogo } = Astro.props
---

<BaseLayout title={title}>
  <!-- BEGIN PAGE BODY -->
  <main class="page page-center" id="content">
    <div class:list={['container', containerSize !== 'normal' && `container-${containerSize}`, 'py-4']}>
      {
        !hideLogo && (
          <div class="text-center mb-4">
            <Logo />
          </div>
        )
      }

      <slot />
    </div>
  </main>
  <!-- END PAGE BODY -->
</BaseLayout>