背景がヌルっと動くメニュー

pnpm add tailwindcss

interface MorphMenuProps {
  defaultId: string | number; // 最初にハイライトするメニューアイテムのID(type='hover'の時無効)
  menu: Menu[];
  type: "click" | "hover";    // アニメーション発火のタイミングをclickにするかhoverにするか
  duration?: number;          // **ms**単位でアニメーションのdurationを指定(default=200)
  color?: string;
}

interface Menu {
  id: number;
  name: string;
  icon?: React.FC;
}