Add 'apps/mobile/' from commit '5fa30f365f21531094cd4d2045042bb4f1370ac3'

git-subtree-dir: apps/mobile
git-subtree-mainline: 86f8987dff
git-subtree-split: 5fa30f365f

apps/mobile/components/Screen.tsx

@@ -0,0 +1,38 @@
+import type { ReactNode } from "react";
+import { StyleSheet, type ViewStyle } from "react-native";
+import { SafeAreaView, type Edge } from "react-native-safe-area-context";
+
+type ScreenProps = {
+  children: ReactNode;
+  style?: ViewStyle;
+  /**
+   * Safe area edges to pad. Default: top + sides (Dynamic Island / notch).
+   * Tab screens usually omit bottom — the tab bar handles home-indicator spacing.
+   */
+  edges?: Edge[];
+};
+
+/** Full-screen wrapper that respects Dynamic Island, notch, and side insets. */
+export function Screen({ children, style, edges = ["top", "left", "right"] }: ScreenProps) {
+  return (
+    <SafeAreaView style={[styles.screen, style]} edges={edges}>
+      {children}
+    </SafeAreaView>
+  );
+}
+
+/** Auth / modal screens that aren't inside a tab bar. */
+export function FullScreen({ children, style }: Omit<ScreenProps, "edges">) {
+  return (
+    <SafeAreaView style={[styles.screen, style]} edges={["top", "bottom", "left", "right"]}>
+      {children}
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  screen: {
+    flex: 1,
+    backgroundColor: "transparent",
+  },
+});