import SafeAreaViewTopLeftRightFull from "@components/containers/SafeAreaViewTopLeftRightFull";
import { images } from "@styles/Commons";
import { ImageBackground } from "react-native";

type Props = { children: React.ReactNode };

const BackgroundDefault = ({ children }: Props) => {
	return (
		<ImageBackground
			source={require("../../../assets/background.png")}
			style={images.background}
		>
			<SafeAreaViewTopLeftRightFull>{children}</SafeAreaViewTopLeftRightFull>
		</ImageBackground>
	);
};

export default BackgroundDefault;
