19 lines
456 B
TypeScript
19 lines
456 B
TypeScript
'use client';
|
|
|
|
import { motion } from 'framer-motion';
|
|
import { ReactNode } from 'react';
|
|
|
|
function MotionWrapper({ children }: { children: ReactNode }) {
|
|
return (
|
|
<motion.div
|
|
initial={{ opacity: 0, scale: 0.95, y: 10 }}
|
|
animate={{ opacity: 1, scale: 1, y: 0 }}
|
|
exit={{ opacity: 0, scale: 0.95, y: 10 }}
|
|
transition={{ duration: 0.2, ease: 'easeOut' }}
|
|
>
|
|
{children}
|
|
</motion.div>
|
|
);
|
|
}
|
|
export { MotionWrapper };
|