From 38463045f808d146de059c44f368ec80a9130b97 Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Tue, 18 Jun 2024 10:16:30 +0000
Subject: [PATCH] a container that will apply the right safe area to its children

---
 src/components/containers/SafeAreaViewTopLeftRightFull.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/components/containers/SafeAreaViewTopLeftRightFull.tsx

diff --git a/src/components/containers/SafeAreaViewTopLeftRightFull.tsx b/src/components/containers/SafeAreaViewTopLeftRightFull.tsx
new file mode 100644
index 0000000..4454c82
--- /dev/null
+++ b/src/components/containers/SafeAreaViewTopLeftRightFull.tsx
@@ -0,0 +1,21 @@
+import Box from "@components/bases/Box";
+import type React from "react";
+import {} from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+const SafeAreaViewTopLeftRightFull = ({ children }: { children: React.ReactNode }) => {
+	return (
+		<SafeAreaView edges={["top", "left", "right"]}>
+			<Box
+				style={{
+					height: "100%",
+					width: "100%",
+				}}
+			>
+				{children}
+			</Box>
+		</SafeAreaView>
+	);
+};
+
+export default SafeAreaViewTopLeftRightFull;
--
libgit2 0.27.1