import { Position } from '../../types/core';
/**
 * @file CanvasBase component
 */
import * as React from "react";
export type CanvasNodeDropEvent = {
    nodeType: string;
    canvasPosition: Position;
    screenPosition: Position;
};
export type CanvasBaseProps = {
    children: React.ReactNode;
    className?: string;
    showGrid?: boolean;
    onNodeDrop?: (event: CanvasNodeDropEvent) => void;
};
/**
 * CanvasBase - The lowest layer component that handles pan, zoom, and drag operations
 * This component receives events and provides visual support with grid display
 * Does not trap events unless necessary for its own operations
 */
export declare const CanvasBase: React.FC<CanvasBaseProps>;
/**
 * Debug notes:
 * - Reviewed src/contexts/NodeCanvasContext.tsx to validate clamping behavior while reworking zoom logic.
 * - Reviewed src/components/layers/GridToolbox.tsx to keep toolbar zoom controls in sync with wheel and keyboard handling.
 * - Reviewed src/contexts/InteractionSettingsContext.tsx and src/utils/pointerShortcuts.ts to confirm pan activator modifiers while addressing pan/range selection conflicts.
 */