import { observable, extendObservable } from 'xmobx/mobx'
import { NO_OP } from 'exotic'

// @TODO @actions
class OverlayContainer {
  @observable onClick = NO_OP
  @observable isVisible = false
  @observable count = 0
  @observable delay = 300

  // static types = {
  //   // not sure if there is any issue observabling a function
  //   onClick: NO_OP,
  //   isVisible: false,
  //   count: 0,
  //   delay: 300,
  // }
  // constructor() {
  //   extendObservable(this, OverlayContainer.types)
  // }
}

const overlayContainer = new OverlayContainer()

export { OverlayContainer, overlayContainer }
export default overlayContainer