commerce/components/layout/UserNav/CustomerMenuContent/CustomerMenuContent.tsx

// import cn from 'clsx'
// import { useTheme } from 'next-themes'
// import { useRouter } from 'next/router'
// import { Moon, Sun } from '@components/icons'
// import s from './CustomerMenuContent.module.css'
// import useLogout from '@framework/auth/use-logout'
// import {
//   DropdownContent,
//   DropdownMenuItem,
// } from '@components/ui/Dropdown/Dropdown'

// const LINKS = [
//   {
//     name: 'My Orders',
//     href: '/orders',
//   },
//   {
//     name: 'My Profile',
//     href: '/profile',
//   },
//   {
//     name: 'My Cart',
//     href: '/cart',
//   },
// ]

// export default function CustomerMenuContent() {
//   const router = useRouter()
//   const logout = useLogout()
//   const { pathname } = useRouter()
//   const { theme, setTheme } = useTheme()

//   function handleClick(_: React.MouseEvent<HTMLAnchorElement>, href: string) {
//     router.push(href)
//   }

//   return (
//     <DropdownContent
//       asChild
//       side="bottom"
//       sideOffset={10}
//       className={s.root}
//       id="CustomerMenuContent"
//     >
//       {LINKS.map(({ name, href }) => (
//         <DropdownMenuItem key={href}>
//           <a
//             className={cn(s.link, {
//               [s.active]: pathname === href,
//             })}
//             onClick={(e) => handleClick(e, href)}
//           >
//             {name}
//           </a>
//         </DropdownMenuItem>
//       ))}
//       <DropdownMenuItem>
//         <a
//           className={cn(s.link, 'justify-between')}
//           onClick={() => {
//             setTheme(theme === 'dark' ? 'light' : 'dark')
//           }}
//         >
//           <div>
//             Theme: <strong>{theme}</strong>{' '}
//           </div>
//           <div className="ml-3">
//             {theme == 'dark' ? (
//               <Moon width={20} height={20} />
//             ) : (
//               <Sun width={20} height={20} />
//             )}
//           </div>
//         </a>
//       </DropdownMenuItem>
//       <DropdownMenuItem>
//         <a
//           className={cn(s.link, 'border-t border-accent-2 mt-4')}
//           onClick={() => logout()}
//         >
//           Logout
//         </a>
//       </DropdownMenuItem>
//     </DropdownContent>
//   )
// }