From e2e14e414de25904d791b503d2852c68b3ac9415 Mon Sep 17 00:00:00 2001
From: polwex <polwex@sortug.com>
Date: Wed, 16 Jul 2025 07:55:57 +0700
Subject: m

---
 components/ScreenWrapper.tsx | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 components/ScreenWrapper.tsx

(limited to 'components/ScreenWrapper.tsx')

diff --git a/components/ScreenWrapper.tsx b/components/ScreenWrapper.tsx
new file mode 100644
index 0000000..49c698f
--- /dev/null
+++ b/components/ScreenWrapper.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+import { View, StyleSheet, Platform } from "react-native";
+
+type Props = {
+  children: React.ReactNode;
+  style?: object;
+};
+
+const ScreenWrapper = ({ children, style }: Props) => {
+  return (
+    <View style={styles.outer}>
+      <View style={[styles.inner, style]}>{children}</View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  outer: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "flex-start",
+  },
+  inner: {
+    width: "100%",
+
+    maxWidth: Platform.OS === "web" ? 420 : "100%",
+    flexGrow: 1,
+  },
+});
+
+export default ScreenWrapper;
-- 
cgit v1.2.3

