import { CSSProperties, PointerEvent, ReactNode, Ref } from 'react';
import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
export type PanZoomSlots = 'root' | 'content' | 'controls' | 'zoomOutButton' | 'zoomInButton' | 'resetButton';
/** Text PanZoom renders of its own, for translating it. */
export interface PanZoomLabels {
    /** Zoom in button, and its tooltip. */
    zoomIn?: string;
    /** Zoom out button, and its tooltip. */
    zoomOut?: string;
    /** Button back to the fitted view, and its tooltip. */
    reset?: string;
}
/** Zooms a PanZoom from controls of your own. Does nothing while it is `disabled`. */
export interface PanZoomHandle {
    /** One step in, around the middle: the zoom in button. */
    zoomIn: () => void;
    /** One step out, around the middle: the zoom out button. */
    zoomOut: () => void;
    /** Back to the fitted view: the reset button. */
    reset: () => void;
    /** 2x around the middle, or back to the fitted view when zoomed in: a double tap in the middle. */
    toggle: () => void;
}
export interface PanZoomProps extends HtmlProps<HTMLDivElement> {
    /** What to zoom. A direct `<img>`, `<svg>`, `<video>` or `<canvas>` child is fitted inside the viewport. */
    children?: ReactNode;
    /** Highest zoom, as a multiple of the fitted size. Default: an image's own pixel size and at least 2x, other content 4x. */
    maxScale?: number;
    /** Zoom with a plain mouse wheel or two-finger scroll, instead of scrolling the page. Ctrl + wheel and a trackpad pinch always zoom. @default false */
    scrollToZoom?: boolean;
    /** Show the zoom out, zoom in and reset buttons. @default true */
    showControls?: boolean;
    /** Ignore input and go back to the fitted view. @default false */
    disabled?: boolean;
    /** Called with the scale whenever it changes, `1` being the fitted size. */
    onScaleChange?: (scale: number) => void;
    /** Called on a tap or click that is not half of a double tap, 300 ms later, once a second one can no longer come. With the `pointerup` that ended it. */
    onTap?: (event: PointerEvent<HTMLDivElement>) => void;
    /** Imperative handle for zooming from controls of your own. */
    ref?: Ref<PanZoomHandle>;
    className?: string;
    style?: CSSProperties;
    classNames?: SlotClassNames<PanZoomSlots>;
    styles?: SlotStyles<PanZoomSlots>;
    /** Overrides the text PanZoom renders of its own. Merged per key. */
    labels?: PanZoomLabels;
}