diff --git a/src/components/menu/menu.tsx b/src/components/menu/menu.tsx index 11b2b57..8f8b607 100644 --- a/src/components/menu/menu.tsx +++ b/src/components/menu/menu.tsx @@ -1,8 +1,9 @@ import { useState } from 'react'; import { IoMenu, IoClose } from 'react-icons/io5/index'; +import { AnimatePresence, motion } from 'framer-motion'; -import { Tooltip } from '@/components/tooltip'; import { useSoundStore } from '@/store'; +import { slideY, fade, mix } from '@/lib/motion'; import styles from './menu.module.css'; @@ -11,24 +12,33 @@ export function Menu() { const shuffle = useSoundStore(state => state.shuffle); + const variants = mix(slideY(-20), fade()); + return (