/**
 * Drawer overlay animation variants
 */
const drawerOverlayAnimations = {
    initial: {
        opacity: 0,
    },
    animate: {
        opacity: 1,
        transition: {
            duration: 0.4,
            ease: "easeOut",
        },
    },
    exit: {
        opacity: 0,
        transition: {
            duration: 0.3,
            ease: "easeIn",
        },
    },
};
/**
 * Get drawer content animation variants based on position
 */
const getDrawerContentAnimations = (position) => {
    const animations = {
        left: {
            initial: { x: "-100%" },
            animate: {
                x: 0,
                transition: {
                    type: "spring",
                    damping: 40,
                    stiffness: 300,
                    mass: 0.8,
                },
            },
            exit: {
                x: "-100%",
                transition: {
                    duration: 0.3,
                    ease: "easeIn",
                },
            },
        },
        right: {
            initial: { x: "100%" },
            animate: {
                x: 0,
                transition: {
                    type: "spring",
                    damping: 40,
                    stiffness: 300,
                    mass: 0.8,
                },
            },
            exit: {
                x: "100%",
                transition: {
                    duration: 0.3,
                    ease: "easeIn",
                },
            },
        },
        top: {
            initial: { y: "-100%" },
            animate: {
                y: 0,
                transition: {
                    type: "spring",
                    damping: 40,
                    stiffness: 300,
                    mass: 0.8,
                },
            },
            exit: {
                y: "-100%",
                transition: {
                    duration: 0.3,
                    ease: "easeIn",
                },
            },
        },
        bottom: {
            initial: { y: "100%" },
            animate: {
                y: 0,
                transition: {
                    type: "spring",
                    damping: 40,
                    stiffness: 300,
                    mass: 0.8,
                },
            },
            exit: {
                y: "100%",
                transition: {
                    duration: 0.3,
                    ease: "easeIn",
                },
            },
        },
    };
    return animations[position];
};

export { drawerOverlayAnimations, getDrawerContentAnimations };
