"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;
