import { atom } from 'recoil'

/*
 * id: uuid
 * component: Popup Component
 * */
export const popupState = atom({
  key: 'popupState',
  default: {
    config: [],
    other: [],
  },
  dangerouslyAllowMutability: true,
})

export const contextPopupState = atom({
  key: 'contextPopupState',
  default: null,
  dangerouslyAllowMutability: true,
})

export const contextPopupPositionState = atom({
  key: 'contextPopupPositionState',
  default: {
    x: 50,
    y: 180,
  },
  dangerouslyAllowMutability: true,
})

/** 팝업 스피너 상태 */
export const popSpinnerState = atom({
  key: 'popSpinnerStore',
  default: false,
})

/** 프로미스 팝업 상태 - 테스트용(삭제 예정) */
export const promisePopupState = atom({
  key: 'promisePopupStore',
  default: false,
})