import { MouseEvent } from 'react';
import { IconLookup } from '@fortawesome/fontawesome-svg-core';
import './zoom-controls.less';
export type ZoomControlsProps = {
    currentZoom: number;
    onZoomIn: (event: MouseEvent<HTMLButtonElement>) => void;
    onZoomOut: (event: MouseEvent<HTMLButtonElement>) => void;
    onZoomReset: (event: MouseEvent<HTMLButtonElement>) => void;
    className?: string;
    minZoomFactor?: number;
    maxZoomFactor?: number;
    testId?: string;
    hidden?: boolean;
    zoomInText?: string;
    zoomOutText?: string;
    resetText?: string;
    zoomInIcon?: IconLookup;
    zoomOutIcon?: IconLookup;
    resetIcon?: IconLookup;
};
/** Zoom is used on graphs if you need to increase or decrease data visualization
 *  @midnight-gray-supported
 *  @alpine-light-supported
 *  */
export default function ZoomControls({ currentZoom, onZoomIn, onZoomOut, onZoomReset, className, minZoomFactor, maxZoomFactor, testId, hidden, zoomInText, zoomOutText, resetText, zoomInIcon, zoomOutIcon, resetIcon, }: ZoomControlsProps): import("react/jsx-runtime").JSX.Element | null;
