import { observable, action, computed } from 'xmobx/mobx'
import { SeparateDropStateTypes } from './typings'

class SeperateDropState implements SeparateDropStateTypes {
  @observable
  originalX = 0

  @observable
  originalY = 0

  @observable
  lastTranslateX = 0

  @observable
  lastTranslateY = 0

  @observable
  translateX = 0

  @observable
  translateY = 0

  @observable
  isDragging = false

  @observable
  isDragOver = false

  @action.bound
  setInstance(overRidingProps: SeparateDropStateTypes) {
    for (const label in overRidingProps) {
      this[label] = overRidingProps[label]
    }
  }
}

export { SeperateDropState }