Files
bs-manager/src/renderer/components/shared/glow-effect.component.tsx
T
2023-07-01 22:12:47 +02:00

11 lines
405 B
TypeScript

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>;
}