import { StateCreator } from 'zustand';
import { FitMode, ScrollMode, SpreadMode, CursorMode } from '../types.js';
export interface ViewportSlice {
    zoom: number;
    fitMode: FitMode;
    rotation: 0 | 90 | 180 | 270;
    scrollMode: ScrollMode;
    spreadMode: SpreadMode;
    cursorMode: CursorMode;
    isFullscreen: boolean;
    setZoom: (zoom: number) => void;
    zoomIn: () => void;
    zoomOut: () => void;
    setFitMode: (mode: FitMode) => void;
    _applyFitZoom: (zoom: number) => void;
    setRotation: (rotation: 0 | 90 | 180 | 270) => void;
    rotateClockwise: () => void;
    rotateCounterClockwise: () => void;
    setScrollMode: (mode: ScrollMode) => void;
    setSpreadMode: (mode: SpreadMode) => void;
    setCursorMode: (mode: CursorMode) => void;
    toggleFullscreen: () => void;
    _rootElement: HTMLElement | null;
    setRootElement: (el: HTMLElement | null) => void;
    _setFullscreen: (value: boolean) => void;
}
export declare const createViewportSlice: StateCreator<ViewportSlice, [
], [
], ViewportSlice>;