/// <reference types="react" />
import { NumberSize } from 're-resizable';
import { Direction } from 're-resizable/lib/resizer';
import { BuilderModule } from '../../../@types/settings.js';
import { FlattenedItem } from '../Tree/types.js';
import './Navigator.scss';
interface NavigatorProps {
    modules: BuilderModule[];
    currModId: string;
    defaultWidth?: number;
    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;
    toggleNavigator: () => void;
}
export default function Navigator({ modules, currModId, defaultWidth, width, onResize, selectModule, deleteModule, reorderModules, toggleNavigator, }: NavigatorProps): JSX.Element;
export {};
