/**
 * Modal overlay animation variants
 */
const modalOverlayAnimations = {
    initial: {
        opacity: 0
    },
    animate: {
        opacity: 1,
        transition: {
            duration: 0.2,
            ease: 'easeOut'
        }
    },
    exit: {
        opacity: 0,
        transition: {
            duration: 0.15,
            ease: 'easeIn'
        }
    }
};
/**
 * Modal content animation variants
 * Scale + slight slide (Vercel/Notion style)
 */
const modalContentAnimations = {
    initial: {
        opacity: 0,
        scale: 0.98,
        y: 8,
    },
    animate: {
        opacity: 1,
        scale: 1,
        y: 0,
        transition: {
            duration: 0.2,
            ease: [0.4, 0, 0.2, 1],
            delay: 0.05,
        },
    },
    exit: {
        opacity: 0,
        scale: 0.98,
        y: 4,
        transition: {
            duration: 0.15,
            ease: [0.4, 0, 1, 1],
        },
    },
};

export { modalContentAnimations, modalOverlayAnimations };
