twenty/packages/twenty-front/src/modules/navigation-menu-item/common/contexts/NavigationDropTargetContext.tsx

import { createContext } from 'react';

export type AddToNavigationFallbackDestination = {
  droppableId: string;
  index: number;
} | null;

type NavigationDropTargetContextType = {
  activeDropTargetId: string | null;
  setActiveDropTargetId: (id: string | null) => void;
  forbiddenDropTargetId: string | null;
  setForbiddenDropTargetId: (id: string | null) => void;
  addToNavigationFallbackDestination: AddToNavigationFallbackDestination;
};

export const NavigationDropTargetContext =
  createContext<NavigationDropTargetContextType>({
    activeDropTargetId: null,
    setActiveDropTargetId: () => {},
    forbiddenDropTargetId: null,
    setForbiddenDropTargetId: () => {},
    addToNavigationFallbackDestination: null,
  });