---
interface Props {
  horizontal?: boolean
}

const { horizontal } = Astro.props
---

{
  horizontal ? (
    <main class={`dasig-page-column`}>
      <slot />
    </main>
  ) : (
    <main class="dasig-page-row">
      <slot />
    </main>
  )
}

<style lang="sass">
  .dasig-page
    margin: 2rem
    height: auto
    min-height: 90vh

  .dasig-page-column
    @extend .dasig-page
    display: flex
    flex-direction: column

  .dasig-page-row
    @extend .dasig-page
    flex-direction: row
</style>