'use client'

import React from 'react'
import { Popover } from '@headlessui/react'
import { MenuHeader } from '../MenuHeader'
// import useGetCurrentUser from "@/_hooks/useGetCurrentUser";

const UserProfileDropDown: React.FC = () => {
  // const { loading, user } = useGetCurrentUser();
  return <div></div>
  // if (loading || !user) {
  //   return <div></div>;
  // }

  // return (
  //   <Popover.Group className="hidden lg:flex lg:gap-x-12">
  //     <Popover className="relative">
  //       <Popover.Button className="flex items-center gap-2 outline-none">
  //         <img
  //           className="rounded-sm w-8 aspect-square"
  //           src={user.avatarUrl ?? "icons/app_icon.svg"}
  //           alt=""
  //         />
  //         <div className="flex flex-col justify-start">
  //           <h2 className="text-sm leading-5 text-[#111928] dark:text-gray-400">
  //             {user.displayName}
  //           </h2>
  //         </div>
  //       </Popover.Button>
  //       <MenuHeader />
  //     </Popover>
  //   </Popover.Group>
  // );
}

export default UserProfileDropDown
