import { memo , ReactNode } from "react" ; import classnames from "classnames" ; import { useIsHovered } from "../../hooks" ; interface Props { children : ReactNode ; } function PlaylistMenuEntry ( { children } ) { const { ref , hover } = useIsHovered ( ) ; return ( < li ref = { ref } className = { classnames ( { hover } ) } > { children } < /li>); } export default memo ( PlaylistMenuEntry ) ;