import { DockDirection } from './utility/viewportDock';
/**
 * Props for {@link Navigator} component.
 *
 * @see {@link Navigator}
 */
export interface NavigatorProps {
    /**
     * Dock direction on the canvas viewport.
     */
    dock: DockDirection;
    /**
     * Horizontal offset from the dock direction.
     *
     * @default 0
     */
    dockOffsetX?: number;
    /**
     * Vertical offset from the dock direction.
     *
     * @default 0
     */
    dockOffsetY?: number;
    /**
     * Whether the navigator should be initially expanded.
     *
     * If specified as `auto` the navigator will expand or collapse
     * when the canvas is resized depending on {@link autoCollapseFraction}
     * property until manually expanded or collapsed.
     *
     * @default "auto"
     */
    expanded?: boolean | 'auto';
    /**
     * Specifies a maximum allowed fraction of occupied canvas width or height
     * by the navigator before it will auto-collapse.
     *
     * Only applicable if {@link expanded} is set to `auto`.
     *
     * @default 0.4
     */
    autoCollapseFraction?: number;
    /**
     * Horizontal size of the navigator in px.
     *
     * @default 300
     */
    width?: number;
    /**
     * Vertical size of the navigator in px.
     *
     * @default 160
     */
    height?: number;
    /**
     * Fraction of the diagram content size to add as padding to the minimap.
     *
     * @default 0.2
     */
    scalePadding?: number;
    /**
     * CSS color for the minimap underlying background.
     *
     * **Default** is set by `--reactodia-navigator-background-fill` CSS property.
     */
    backgroundFill?: string;
    /**
     * CSS color for the scrollable pane background.
     *
     * **Default** is set by `--reactodia-navigator-scrollable-pane-fill` CSS property.
     */
    scrollablePaneFill?: string;
    /**
     * CSS color for the viewport area background.
     *
     * **Default** is set by `--reactodia-navigator-viewport-fill` CSS property.
     */
    viewportFill?: string;
    /**
     * Stroke style for the viewport area border.
     *
     * **Default** is set by these CSS properties:
     *  - `color` by `--reactodia-navigator-viewport-stroke-color`
     *  - `width` by `--reactodia-navigator-viewport-stroke-width`
     *  - `dash` by `--reactodia-navigator-viewport-stroke-dash`
     */
    viewportStroke?: NavigatorStrokeStyle;
    /**
     * Stroke style for the viewport area overflow border
     * (displayed when the viewport is cutoff at the minimap border).
     *
     * **Default** is set by these CSS properties:
     *  - `color` by `--reactodia-navigator-overflow-stroke-color`
     *  - `width` by `--reactodia-navigator-overflow-stroke-width`
     *  - `dash` by `--reactodia-navigator-overflow-stroke-dash`
     */
    overflowStroke?: NavigatorStrokeStyle;
}
/**
 * Stroke style for the lines drawn in the navigator.
 */
export interface NavigatorStrokeStyle {
    /**
     * Stroke color.
     *
     * @default "transparent"
     */
    readonly color?: string;
    /**
     * Stroke thickness in px.
     *
     * @default 1
     */
    readonly width?: number;
    /**
     * Stroke [dash array](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray).
     *
     * @default []
     */
    readonly dash?: ReadonlyArray<number>;
}
/**
 * Canvas widget component to display a minimap of the diagram contents.
 *
 * @category Components
 */
export declare function Navigator(props: NavigatorProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=navigator.d.ts.map