web/packages/booking-flow/lib/components/TEMP/Modal/motionVariants.ts

export const fade = {
  hidden: {
    opacity: 0,
    transition: { duration: 0.4, ease: "easeInOut" },
  },
  visible: {
    opacity: 1,
    transition: { duration: 0.4, ease: "easeInOut" },
  },
}

export const slideInOut = {
  hidden: {
    opacity: 0,
    y: 32,
    transition: { duration: 0.4, ease: "easeInOut" },
  },
  visible: {
    opacity: 1,
    y: 0,
    transition: { duration: 0.4, ease: "easeInOut" },
  },
}