Updated

@dasig/components/Page.astro

@@ -0,0 +1,35 @@
+---
+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>