import { action, makeObservable, observable } from 'mobx'

export class QuickSettingsController {
  open = false
  shouldAnimateCloseMenu = false
  focusModeEnabled = false

  constructor() {
    makeObservable(this, {
      open: observable,
      shouldAnimateCloseMenu: observable,
      focusModeEnabled: observable,

      setOpen: action,
      setShouldAnimateCloseMenu: action,
      setFocusModeEnabled: action,
      toggle: action,
      closeQuickSettingsMenu: action,
    })
  }

  setOpen = (open: boolean): void => {
    this.open = open
  }

  setShouldAnimateCloseMenu = (shouldAnimate: boolean): void => {
    this.shouldAnimateCloseMenu = shouldAnimate
  }

  setFocusModeEnabled = (enabled: boolean): void => {
    this.focusModeEnabled = enabled
  }

  toggle = (): void => {
    if (this.open) {
      this.closeQuickSettingsMenu()
    } else {
      this.setOpen(true)
    }
  }

  closeQuickSettingsMenu = (): void => {
    this.setShouldAnimateCloseMenu(true)
    setTimeout(() => {
      this.setOpen(false)
      this.setShouldAnimateCloseMenu(false)
    }, 150)
  }
}