/**
 * ColorPicker animations
 * IMPORTANT: Always import from 'motion/react' NOT 'framer-motion'
 */
/**
 * Popover content fade-in animation
 */
const contentVariants = {
    hidden: {
        opacity: 0,
        scale: 0.95,
        y: -10,
    },
    visible: {
        opacity: 1,
        scale: 1,
        y: 0,
        transition: {
            duration: 0.15,
            ease: 'easeOut',
        },
    },
    exit: {
        opacity: 0,
        scale: 0.95,
        y: -10,
        transition: {
            duration: 0.1,
            ease: 'easeIn',
        },
    },
};

export { contentVariants };
