import { createContext, useContext } from 'react';

const DndContextStateContext = createContext({
  isDragging: false,
  activeLayerId: null,
  newComponentType: null,
  canDropOnLayer: () => false
});
const ComponentDragContext = createContext({
  isDragging: false,
  setDragging: () => {
  }
});
const useDndContext = () => useContext(DndContextStateContext);
const useComponentDragContext = () => useContext(ComponentDragContext);

export { ComponentDragContext, DndContextStateContext, useComponentDragContext, useDndContext };
