import { atom } from 'recoil'

export const contextMenuState = atom({
  key: 'contextMenuState',
  default: {
    visible: false,
    x: 0,
    y: 0,
    currentMousePos: { x: 0, y: 0 },
  },
  dangerouslyAllowMutability: true,
})

export const contextMenuListState = atom({
  key: 'contextMenuListState',
  default: [[]],
  dangerouslyAllowMutability: true,
})

export const contextMenuPositionState = atom({
  key: 'contextMenuPositionState',
  default: { x: 0, y: 0 },
})