From a574ae40dda16f97c5051e754f806f411d312d74 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Wed, 27 Aug 2025 15:09:19 +0800
Subject: [PATCH] Added page component

---
 src/builtin-components/Page/Page.sass | 12 ++++++++++++
 src/builtin-components/Page/Page.tsx  | 20 ++++++++++++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 src/builtin-components/Page/Page.sass
 create mode 100644 src/builtin-components/Page/Page.tsx

diff --git a/src/builtin-components/Page/Page.sass b/src/builtin-components/Page/Page.sass
new file mode 100644
index 0000000..9c18c92
--- /dev/null
+++ b/src/builtin-components/Page/Page.sass
@@ -0,0 +1,12 @@
+.page
+  margin: 2rem
+  // width: 100vw
+
+.page-column
+  display: flex
+  flex-direction: column
+  flex-wrap: wrap
+  justify-content: center
+  align-items: center
+  align-content: center
+  margin: 2rem
diff --git a/src/builtin-components/Page/Page.tsx b/src/builtin-components/Page/Page.tsx
new file mode 100644
index 0000000..1701d27
--- /dev/null
+++ b/src/builtin-components/Page/Page.tsx
@@ -0,0 +1,20 @@
+import './Page.sass'
+import { Show } from 'solid-js'
+
+interface Props {
+  children?: any
+  column?: boolean
+}
+
+export default (props: Props) => {
+  return (
+    <>
+      <Show when={props.column}>
+        <main class="page-column">{props.children}</main>
+      </Show>
+      <Show when={!props.column}>
+        <main class="page">{props.children}</main>
+      </Show>
+    </>
+  )
+}