// @todo import ts-style
export const duration = 1000
export const defaultStyle = {
  transition: `background-color ${duration}ms`,
  backgroundColor: `rgba(4, 4, 4, 0)`,
  position: 'fixed',
  zIndex: 60,
}
export const transitionStyles = {
  entering: {
    backgroundColor: `rgba(4, 4, 4, .1)`,
    pointerEvents: `all`,
    zIndex: `60`,
  },
  entered: {
    backgroundColor: `rgba(4, 4, 4, .4)`,
    pointerEvents: `all`,
    zIndex: `60`,
  },
  exited: {
    transition: `background-color ${duration * 2}ms`,
    backgroundColor: `rgba(4, 4, 4, 0)`,
    pointerEvents: `none`,
    // opacity: 0,
    // visibility: 'hidden',
  },
}

export const IGNORED_PROPS_LIST = Object.freeze([
  'isVisible',
  'onExited',
  'onEntered',
  'in',
  'renderTransition',
])