/**
 * Creates direction-aware dropdown animation variants for the Select component
 * @param isFlipped - Whether the dropdown is positioned above (flipped) or below the trigger
 * @returns Animation variants that match the positioning direction
 */
const createDropdownAnimations = (isFlipped) => ({
    initial: {
        opacity: 0,
        y: isFlipped ? 10 : -10, // Animate from opposite direction when flipped
        scale: 0.95,
    },
    visible: {
        opacity: 1,
        y: 0,
        scale: 1,
        transition: {
            duration: 0.2,
            ease: 'easeOut'
        }
    },
    exit: {
        opacity: 0,
        y: isFlipped ? 10 : -10, // Exit in same direction as entry
        scale: 0.95,
        transition: {
            duration: 0.15,
            ease: 'easeIn'
        }
    }
});

export { createDropdownAnimations };
