import React from "react";
import useAuthUser from "../../hooks/AuthUser";
import PageLayout from "../../components/PageLayout";

const Profile = () => {

    const {authUser, logout} = useAuthUser()

    return <PageLayout>
        <h1 className="text-lg font-bold mb-5">Profile</h1>
        <div>
            <div>Nom: <strong>{authUser?.name}</strong></div>
            <div>Email: <strong>{authUser?.email}</strong></div>
        </div>
        <div>
            <button onClick={logout} className="mt-5 bg-blue-700 text-white px-5 py-2 text-lg rounded">Se déconnecter</button>
        </div>
        {/*<div>Update name & email</div>*/}
        {/*<div>Change password</div>*/}
        {/*<div>Delete Account</div>*/}
    </PageLayout>
}

export default Profile