/**
 * ViewControls - 内置视图控制按钮：缩放（Stepper）、复位、区域定位
 */
import React from 'react';
import type { FloorMapControlsConfig } from '../types';
import './ViewControls.less';
/** 从 react-zoom-pan-pinch 拿到的控制 API（由主组件传入） */
export interface ViewControlsApi {
    zoomIn: () => void;
    zoomOut: () => void;
    resetTransform: () => void;
    /** 区域定位，可能由主组件基于 items 计算后封装 */
    fitBounds?: () => void;
    /** 切换全屏（requestFullscreen / exitFullscreen） */
    toggleFullscreen?: () => void;
}
export interface ViewControlsProps {
    /** 控制 API */
    api: ViewControlsApi;
    /** 显隐配置 */
    config?: FloorMapControlsConfig;
    /** 当前缩放比例（1 = 100%），用于 Stepper 展示 */
    scale?: number;
    /** 当前是否处于全屏 */
    isFullscreen?: boolean;
    className?: string;
    /** 与 config.showGridToggle 联用：当前画布是否显示网格 */
    mapGridVisible?: boolean;
    /** 切换当前画布 draft 的 mapLayer.showGrid */
    onToggleMapGrid?: () => void;
}
export declare function ViewControls(props: ViewControlsProps): React.JSX.Element;
export default ViewControls;
