import React from 'react';
import type { DraggableId, ContextId, ElementId } from '../../types';
import type { DimensionMarshal } from '../../state/dimension-marshal/dimension-marshal-types';
import type { FocusMarshal } from '../use-focus-marshal/focus-marshal-types';
import type { Registry } from '../../state/registry/registry-types';

export interface AppContextValue {
  focus: FocusMarshal;
  contextId: ContextId;
  canLift: (id: DraggableId) => boolean;
  isMovementAllowed: () => boolean;
  dragHandleUsageInstructionsId: ElementId;
  marshal: DimensionMarshal;
  registry: Registry;
}

export default React.createContext<AppContextValue | null>(null);