import {Image, ImageBackground, Text, TouchableOpacity, View} from "react-native";
import {Ionicons} from "@expo/vector-icons";
import React from "react";
import {useSession} from "@/ctx";

export default function WelcomeComponent() {
    const date = new Date();
    const formattedDate = date.toLocaleDateString('fr-FR', {
        year: 'numeric',
        month: 'long',
        day: 'numeric',
    });
    const {session} = useSession();



    return (
      <View className="rounded-2xl overflow-hidden shadow-lg h-full bg-black justify-center">
            <ImageBackground
                source={require("assets/images/black-back.png")}
                className="w-full h-full justify-center"
            >

              <View className="flex-row items-center justify-between">
                  <View className="flex-row items-center  w-full">
                      <Image className="h-16 w-16 rounded-2xl"
                             source={require("assets/images/sigma-profile.jpeg")}
                      />

                      <View>
                          <Text className="text-gray-500 font-semibold ml-4">{formattedDate}</Text>
                          <Text className="text-white text-4xl ml-4 mt-0.5">Hello {session} !</Text>
                      </View>
                  </View>
              </View>

            </ImageBackground>
      </View>
  );
}