---
interface Props {
  alignment?: 'row' | 'column'
}

const { alignment } = Astro.props
---

{
  alignment ? (
    <main class={`dasig-page-${alignment}`}>
      <slot />
    </main>
  ) : (
    <main class="dasig-page">
      <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>