/**
 * Animation variants for Calendar component
 */
const calendarAnimations = {
    monthSlide: {
        slideInRight: {
            initial: { opacity: 0.25, x: 8 },
            animate: { opacity: 1, x: 0 },
            exit: { opacity: 0.25, x: -8 },
        },
        slideInLeft: {
            initial: { opacity: 0.25, x: -8 },
            animate: { opacity: 1, x: 0 },
            exit: { opacity: 0.25, x: 8 },
        },
    },
    dayButton: {
        hover: {
            scale: 1.05,
            transition: { type: "spring", stiffness: 100, damping: 25 }
        },
        tap: {
            scale: 0.95,
            transition: { type: "spring", stiffness: 100, damping: 25 }
        }
    },
    todayDot: {
        initial: { scale: 0, opacity: 0 },
        animate: {
            scale: 1,
            opacity: 1,
            transition: { delay: 0.2, type: "spring", stiffness: 400, damping: 25 }
        }
    },
};

export { calendarAnimations };
