From 1479d2255265502f2aee5f27ed2c899e93b0e771 Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Thu, 25 Apr 2024 16:44:23 +0000
Subject: [PATCH] Notification icon component

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

diff --git a/src/components/NotificationIconButton.tsx b/src/components/NotificationIconButton.tsx
new file mode 100644
index 0000000..7a49a63
--- /dev/null
+++ b/src/components/NotificationIconButton.tsx
@@ -0,0 +1,34 @@
+import Box from "@components/bases/Box";
+import { Ionicons } from "@expo/vector-icons";
+const NotificationIconButton = () => {
+	return (
+		<Box width={40} height={40} position={"relative"}>
+			<Box
+				backgroundColor={"white"}
+				opacity={0.5}
+				p={"s"}
+				borderRadius={50}
+				style={{ height: "100%", width: "100%", position: "absolute" }}
+			/>
+			<Box
+				style={{
+					height: "100%",
+					width: "100%",
+					borderRadius: 50,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+				}}
+			>
+				<Ionicons
+					name="notifications-outline"
+					size={24}
+					color="white"
+					style={{ opacity: 1 }}
+				/>
+			</Box>
+		</Box>
+	);
+};
+
+export default NotificationIconButton;
--
libgit2 0.27.1