export const animationButton = {
    hidden: {
        opacity: 0,
        transition: {duration: 0.1, ease: 'easeOut' }
      },
      show: {
        opacity: 1,
        transition: { duration: 0.1, ease: 'easeIn' },
      },
      exit: {
        opacity: 0.7,
        transition: {duration: 0.1, ease: 'easeOut' }
      }
    
}

export const sidebarVariants = {
  open: { x: 0, transition: { ease: "easeIn" } },
  closed: { x: "-61px", transition: { ease: "easeIn" } },
};

export const popupAnimation = {
  hidden: {
    opacity: 0,
    transition: { duration: 0.3, ease: 'easeOut' }
  },
  show: {
    opacity: 1,
    transition: { delay: 0.15, duration: 0.2, ease: 'easeIn' },
  },
  exit: {
    opacity: 0,
    transition: { duration: 0.3, ease: 'easeOut' }
  }
}
