import Box from "@components/bases/Box";
import {} from "react";
import {} from "react-native";

import { useUserAuthenticationContext } from "@/contexts/UserAuthenticationContext";
import BackgroundWithBeasyIconAndWhiteContentArea from "@components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea";
import Text from "@components/bases/Text";
import { LOG } from "@logger";

const log = LOG.extend("UserProfileScreen");
const UserProfileScreen = () => {
	log.verbose("UserProfileScreen");

	const { userInformations } = useUserAuthenticationContext();

	return (
		<BackgroundWithBeasyIconAndWhiteContentArea>
			<>
				<Box px={"m"} mt={"m"}>
					<Text>Email :: {userInformations?.email}</Text>
					<Text>Firstname :: {userInformations?.firstName}</Text>
					<Text>LastNAme :: {userInformations?.lastName}</Text>
					<Text>Username :: {userInformations?.username}</Text>
					<Text>MarchandId :: {userInformations?.marchand.marchand_id}</Text>
				</Box>
			</>
		</BackgroundWithBeasyIconAndWhiteContentArea>
	);
};

export default UserProfileScreen;
