import BeasyDefaultBackground from "@components/backgrounds/BeasyDefaultBackground";
import type React from "react";
import { SafeAreaView } from "react-native-safe-area-context";

type Props = { children: React.ReactNode };

const WrapperWithDefaultBeasyBackgroundAndSafeAreaTopLeftRight = ({ children }: Props) => {
	return (
		<BeasyDefaultBackground>
			<SafeAreaView edges={["top", "left", "right"]}>{children}</SafeAreaView>
		</BeasyDefaultBackground>
	);
};

export default WrapperWithDefaultBeasyBackgroundAndSafeAreaTopLeftRight;
