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;
