From ddefba4e3e31dd26274fca0fbe76166fcf4bdf9e Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 10 Aug 2023 13:33:27 +0300
Subject: [PATCH] feat: create page wrapper for column pattern

---
 src/components/PageWrapperColumn.tsx | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/components/PageWrapperColumn.tsx

diff --git a/src/components/PageWrapperColumn.tsx b/src/components/PageWrapperColumn.tsx
new file mode 100644
index 00000000..c021d172
--- /dev/null
+++ b/src/components/PageWrapperColumn.tsx
@@ -0,0 +1,27 @@
+import { ReactNode } from 'react'
+import PageBackground from './PageBackground'
+import { YStack } from 'tamagui'
+
+type PageWrapperColumnProps = {
+  children: ReactNode
+}
+
+const PageWrapperColumn = ({ children }: PageWrapperColumnProps) => {
+  return (
+    <PageBackground>
+      <YStack
+        space={'$2'}
+        style={{
+          width: '100%',
+          justifyContent: 'center',
+          alignItems: 'center',
+          height: '100vh',
+        }}
+      >
+        {children}
+      </YStack>
+    </PageBackground>
+  )
+}
+
+export default PageWrapperColumn