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;
