/// <reference types="react" />
import './Navigator.scss';
import { FlattenedItem } from '../Tree/types';
import { NumberSize } from 're-resizable';
import { Direction } from 're-resizable/lib/resizer';
import { BuilderModule } from '../../../@types/settings';
interface NavigatorProps {
    modules: BuilderModule[];
    currModId: string;
    width: number;
    onResize: (e: MouseEvent | TouchEvent, direction: Direction, navigatorRef: HTMLElement, d: NumberSize) => void;
    selectModule: (id: string, e?: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
    deleteModule: (id: string, e?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    reorderModules: (items: FlattenedItem[]) => void;
    closeNavigator: () => void;
}
export default function Navigator({ modules, currModId, width, onResize, selectModule, deleteModule, reorderModules, closeNavigator, }: NavigatorProps): JSX.Element;
export {};
