Mac Navigation Menu

import {
  NavigateItem,
  NavigateMenu,
} from "@/components/display-ui/NavigationMenuMac"

<NavigateMenu>
  <NavigateItem
    src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nextjs/nextjs-original.svg"
    alt="Next"
    className="bg-purple-400/80 p-1 rounded-md"
    onClick={() => {
      alert("Next")
    }}
    tooltipContent="Next"
  />
 
  <NavigateItem
    src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original.svg"
    alt="React"
    className="bg-pink-400/80 p-1 rounded-md"
    onClick={() => {
      alert("React")
    }}
    tooltipContent="React"
  />
 
  <NavigateItem
    src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nestjs/nestjs-original.svg"
    alt="Nest"
    className="bg-black/80 p-1 rounded-md"
    onClick={() => {
      alert("Nest")
    }}
    tooltipContent="Nest"
  />
 
  <NavigateItem
    src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nuxt/nuxt-original.svg"
    alt="Nuxt"
    className="bg-red-400/80 p-1 rounded-md"
    onClick={() => {
      alert("Nuxt")
    }}
    tooltipContent="Nuxt"
  />
</NavigateMenu>