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

const Profile = () => {

    const {authUser, logout} = useAuthUser()

    return <PageLayout>
        <div className="flex justify-between">
            <h1 className="mb-5 text-lg font-bold">Profile de l&apos;utilisateur</h1>
            <div>
                <button type="button" onClick={logout} className="btn-primary text-lg font-bold">Se déconnecter</button>
            </div>
        </div>
        <div>
            <div>Nom: <strong>{authUser?.name}</strong></div>
            <div>Email: <strong>{authUser?.email}</strong></div>
        </div>
        {/*<div>Update name & email</div>*/}
        {/*<div>Change password</div>*/}
        {/*<div>Delete Account</div>*/}
    </PageLayout>
}

export default Profile
