avent-ui
Version:
The best UI library for Typescript and React
10 lines (7 loc) • 799 B
JavaScript
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
import { motion } from 'framer-motion';
const SimpleTransition = ({ children }) => {
return (jsxs(Fragment, { children: [children, jsx(motion.div, { className: 'slide-in fixed top-0 left-0 w-screen h-screen bg-black z-50', style: { transformOrigin: 'bottom' }, initial: { scaleY: 0 }, animate: { scaleY: 0 }, exit: { scaleY: 1 }, transition: { duration: 1, ease: [0.22, 1, 0.36, 1] } }), jsx(motion.div, { className: 'slide-out fixed top-0 left-0 w-screen h-screen bg-black z-50', style: { transformOrigin: 'top' }, initial: { scaleY: 1 }, animate: { scaleY: 0 }, exit: { scaleY: 0 }, transition: { duration: 1, ease: [0.22, 1, 0.36, 1] } })] }));
};
export { SimpleTransition as default };
//# sourceMappingURL=SimpleTransition.js.map