import React, {useContext} from "react";
import {SessionContext} from "@/context/SessionContext";

export default function NoPicture() {
    const {session} = useContext(SessionContext);
    return (
        <div
            className="bg-primary text-text-primary rounded-full w-8 h-8 border-2 border-primary-dark hover:bg-primary-dark flex items-center justify-center text-sm font-semibold transition-all duration-200 hover:scale-110 shadow-md hover:shadow-lg">
            <span>{session.user?.name && session.user.name.charAt(0).toUpperCase()}</span>
            <span>{session.user?.lastName && session.user.lastName.charAt(0).toUpperCase()}</span>
        </div>
    )
}