From 471ccbcb186b92b620e70523ae3d262aa8d78f2c Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Tue, 28 May 2024 16:04:51 +0000
Subject: [PATCH] component that render the default background of beasy with the white curved on top content area

---
 src/components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea.tsx | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea.tsx

diff --git a/src/components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea.tsx b/src/components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea.tsx
new file mode 100644
index 0000000..e796666
--- /dev/null
+++ b/src/components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea.tsx
@@ -0,0 +1,35 @@
+import BeasyLogoIcon from "@components/BeasyLogoIcon";
+import WrapperTopEdgeCurved from "@components/WrapperTopEdgeCurved";
+import Box from "@components/bases/Box";
+import type { ReactElement } from "react";
+import {} from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import BackgroundDefault from "./BackgroundDefault";
+
+const BackgroundWithBeasyIconAndWhiteContentArea = ({ children }: { children?: ReactElement }) => {
+	return (
+		<BackgroundDefault>
+			<SafeAreaView edges={["top", "left", "right"]}>
+				<Box
+					style={{
+						height: "100%",
+						width: "100%",
+					}}
+				>
+					<Box
+						px={"l"}
+						flexDirection={"row"}
+						justifyContent={"space-between"}
+						alignItems={"center"}
+						mb={"m"}
+					>
+						<BeasyLogoIcon />
+					</Box>
+					<WrapperTopEdgeCurved>{children}</WrapperTopEdgeCurved>
+				</Box>
+			</SafeAreaView>
+		</BackgroundDefault>
+	);
+};
+
+export default BackgroundWithBeasyIconAndWhiteContentArea;
--
libgit2 0.27.1