import Button from "@components/Button";
import Card from "@components/Card";
import Box from "@components/bases/Box";
import Text from "@components/bases/Text";
import { Dimensions, StyleSheet, View } from "react-native";
const HomeUserNotLoggedIn = () => {
	return (
		<Box style={style.container} p={"xl"}>
			<Box mt={"xl"}>
				<Text color={"gray"} fontSize={16} textAlign={"center"}>
					Acceptez des paiements en magasin et en ligne et recevez votre argent en
					quelques secondes
				</Text>
				<Box mt={"xl"}>
					<Button
						variant={"full"}
						textVariants={"primary"}
						label="Se connecter"
						onPress={() => {}}
					/>
					<Button
						variant={"clean"}
						textVariants={"secondary"}
						label="Creer un compte"
						onPress={() => {}}
					/>
				</Box>
			</Box>
		</Box>
	);
};

const style = StyleSheet.create({
	container: {
		width: "100%",
		height: "100%",
		flex: 1,
		alignItems: "center",
		justifyContent: "center",
	},
});

export default HomeUserNotLoggedIn;