29 lines
606 B
TypeScript
29 lines
606 B
TypeScript
// ----------------------------------------------------------------------
|
|
|
|
export type Props = {
|
|
staggerIn?: number;
|
|
delayIn?: number;
|
|
staggerOut?: number;
|
|
};
|
|
|
|
export const varContainer = (props?: Props) => {
|
|
const staggerIn = props?.staggerIn || 0.05;
|
|
const delayIn = props?.staggerIn || 0.05;
|
|
const staggerOut = props?.staggerIn || 0.05;
|
|
|
|
return {
|
|
animate: {
|
|
transition: {
|
|
staggerChildren: staggerIn,
|
|
delayChildren: delayIn,
|
|
},
|
|
},
|
|
exit: {
|
|
transition: {
|
|
staggerChildren: staggerOut,
|
|
staggerDirection: -1,
|
|
},
|
|
},
|
|
};
|
|
};
|