/**
 * Container animation for row expansion (height: 0 -> auto with opacity)
 * Uses the same easing curve pattern as Accordion for consistency
 */
const tableExpandAnimations = {
    collapsed: {
        height: 0,
        opacity: 0,
        transition: {
            height: { duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] },
            opacity: { duration: 0.25 },
        },
    },
    expanded: {
        height: 'auto',
        opacity: 1,
        transition: {
            height: { duration: 0.4, ease: [0.04, 0.62, 0.23, 0.98] },
            opacity: { duration: 0.3, delay: 0.1 },
        },
    },
};
/**
 * Content slide-in animation for expanded row content (staggered after container)
 */
const tableExpandContentAnimations = {
    collapsed: {
        opacity: 0,
        y: -10,
        transition: {
            y: { duration: 0.2 },
            opacity: { duration: 0.2 },
        },
    },
    expanded: {
        opacity: 1,
        y: 0,
        transition: {
            delay: 0.15,
            y: { duration: 0.3 },
            opacity: { duration: 0.3 },
        },
    },
};

export { tableExpandAnimations, tableExpandContentAnimations };
