From 56daf8cb03b42f92d4ca11956df2d9a078ce7d79 Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Tue, 28 May 2024 16:04:15 +0000
Subject: [PATCH] component that render a container that takes full height and width with top corner curved

---
 src/components/WrapperTopEdgeCurved.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 src/components/WrapperTopEdgeCurved.tsx

diff --git a/src/components/WrapperTopEdgeCurved.tsx b/src/components/WrapperTopEdgeCurved.tsx
new file mode 100644
index 0000000..3b1dd15
--- /dev/null
+++ b/src/components/WrapperTopEdgeCurved.tsx
@@ -0,0 +1,19 @@
+import type React from "react";
+import Box from "./bases/Box";
+
+const WrapperTopEdgeCurved = ({ children }: { children?: React.ReactElement }) => {
+	return (
+		<Box
+			flex={1}
+			backgroundColor={"white"}
+			borderTopLeftRadius={20}
+			borderTopRightRadius={20}
+			p={"l"}
+			flexDirection={"column"}
+		>
+			{children}
+		</Box>
+	);
+};
+
+export default WrapperTopEdgeCurved;
--
libgit2 0.27.1