---
// card.card-lg > card-body.prose wrapper around the page content).
import DefaultLayout from './DefaultLayout.astro'
import Card from '@ui/Card.astro'
import CardBody from '@ui/CardBody.astro'

interface Props {
  title?: string
  /** title shown in the page header */
  pageHeader?: string
  /** active menu entry, passed to DefaultLayout */
  pageMenu?: string
}

const { title, pageHeader, pageMenu } = Astro.props
---

<DefaultLayout title={title} pageHeader={pageHeader} pageMenu={pageMenu}>
  <!-- BEGIN PROSE -->
  <div class="row justify-content-center">
    <div class="col-lg-10 col-xl-9">
      <Card size="lg">
        <CardBody class="prose">
          <slot />
        </CardBody>
      </Card>
    </div>
  </div>
  <!-- END PROSE -->
</DefaultLayout>