import BalanceContainer from "@components/BalanceContainer";
import BeasyLogoIcon from "@components/BeasyLogoIcon";
import NotificationIconButton from "@components/NotificationIconButton";
import BackgroundGreenWhiteContentArea from "@components/backgrounds/BackgroundGreenWhiteContentArea";
import Box from "@components/bases/Box";
import { SafeAreaView } from "react-native-safe-area-context";

const HomePageWithPaymentOptions = () => {
	return (
		<BackgroundGreenWhiteContentArea>
			<SafeAreaView>
				<Box
					p={"l"}
					flexDirection={"row"}
					justifyContent={"space-between"}
					alignItems={"center"}
				>
					{/* <Text>HomePageWithPaymentOptions</Text> */}
					<BeasyLogoIcon />
					<NotificationIconButton />
				</Box>
				<Box
					height={150}
					alignItems={"center"}
					justifyContent={"center"}
					position={"relative"}
				>
					<BalanceContainer balance={78000} label="Total des ventes" />
				</Box>
			</SafeAreaView>
		</BackgroundGreenWhiteContentArea>
	);
};

export default HomePageWithPaymentOptions;
