cover.js

const PosedCover = posed(Cover)({
  open: {
    rotateX: '0deg',
    opacity: 1,
    transition: {
      type: 'spring',
      mass: 0.5
    },
    delay: 150
  },
  closed: {
    rotateX: '-180deg',
    opacity: 0,
    transition: {
      type: 'tween',
      duration: 150
    }
  }
});