mirror of
https://github.com/farcasclaudiu/Flowise.git
synced 2026-06-28 23:01:09 +03:00
Initial push
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
import PropTypes from 'prop-types'
|
||||
import { motion } from 'framer-motion'
|
||||
|
||||
// ==============================|| ANIMATION FOR CONTENT ||============================== //
|
||||
|
||||
const NavMotion = ({ children }) => {
|
||||
const motionVariants = {
|
||||
initial: {
|
||||
opacity: 0,
|
||||
scale: 0.99
|
||||
},
|
||||
in: {
|
||||
opacity: 1,
|
||||
scale: 1
|
||||
},
|
||||
out: {
|
||||
opacity: 0,
|
||||
scale: 1.01
|
||||
}
|
||||
}
|
||||
|
||||
const motionTransition = {
|
||||
type: 'tween',
|
||||
ease: 'anticipate',
|
||||
duration: 0.4
|
||||
}
|
||||
|
||||
return (
|
||||
<motion.div initial='initial' animate='in' exit='out' variants={motionVariants} transition={motionTransition}>
|
||||
{children}
|
||||
</motion.div>
|
||||
)
|
||||
}
|
||||
|
||||
NavMotion.propTypes = {
|
||||
children: PropTypes.node
|
||||
}
|
||||
|
||||
export default NavMotion
|
||||
Reference in New Issue
Block a user