import { signOut } from "next-auth/react";
import Image from "next/image";
import Link from "next/link";
import { useRouter } from "next/router";
import React, { Fragment, useEffect, useState } from "react";
import { renderImage } from "../../services/imageHandling";

const DropdownUserProfile = () => {
    const router = useRouter();

    const logoutHandler = () => {
        signOut();
    };

    return (
        <Fragment>
            <div className="row">
                <div className="col-12 col-lg-12">
                    <div>
                        <ul className="link-list">
                            <li>
                                <Link href="/personal-details">
                                    <a>
                                        Personal Info <i className="arrow-right"></i>
                                    </a>
                                </Link>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </Fragment>

    );
};

export default DropdownUserProfile;