import { AnimatePresence, motion } from "framer-motion";

type Props = {
    visible?: boolean;
    className?: string;
};

export function GlowEffect({ visible, className }: Props) {
    return (
        <AnimatePresence>
            {visible && <motion.div transition={{ duration: 0.1 }} initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} className={`${className} glow-on-hover`} />}
        </AnimatePresence>
    )
}