From 18443f3139ebd2dbf98b21a929ee2bdae722e499 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 21 Jul 2023 23:13:28 +0300
Subject: [PATCH] Create page wrapper

---
 src/components/PageWrapper/PageWrapper.jsx | 33 ++++++++++++++++++++++
 src/components/PageWrapper/index.jsx       |  1 +
 2 files changed, 34 insertions(+)
 create mode 100644 src/components/PageWrapper/PageWrapper.jsx
 create mode 100644 src/components/PageWrapper/index.jsx

diff --git a/src/components/PageWrapper/PageWrapper.jsx b/src/components/PageWrapper/PageWrapper.jsx
new file mode 100644
index 00000000..aeca989d
--- /dev/null
+++ b/src/components/PageWrapper/PageWrapper.jsx
@@ -0,0 +1,33 @@
+import { XStack, styled } from "tamagui";
+
+const Background = styled("div", {
+  display: "flex",
+  justifyContent: "center",
+  backgroundColor: "white",
+  width: "100vw",
+});
+
+const PageWrapper = ({ children, ...props }) => {
+  return (
+    <Background>
+      <XStack
+        space={"$5"}
+        style={{
+          background: "rgb(245,242,254)",
+          background:
+            "linear-gradient(180deg, rgba(245,242,254,1) 0%, rgba(255,255,255,1) 100%)",
+          borderRadius: "25px",
+          border: "4px solid #09101C",
+          width: "100%",
+          display: "flex",
+          justifyContent: "end",
+          alignItems: "center",
+        }}
+      >
+        {children}
+      </XStack>
+    </Background>
+  );
+};
+
+export { PageWrapper };
diff --git a/src/components/PageWrapper/index.jsx b/src/components/PageWrapper/index.jsx
new file mode 100644
index 00000000..7f919097
--- /dev/null
+++ b/src/components/PageWrapper/index.jsx
@@ -0,0 +1 @@
+export { PageWrapper } from "./PageWrapper";