import * as React from 'react';
/**
 * Compass-like direction for the dock side:
 *  - `nw`: north-west (top-left)
 *  - `n`: north (top)
 *  - `ne`: north-east (top-right)
 *  - `e`: east (right)
 *  - `se`: south-east (bottom-right)
 *  - `s`: south (bottom)
 *  - `sw`: south-west (bottom-left)
 *  - `w`: west (left)
 */
export type DockDirection = 'nw' | 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w';
/**
 * Props for {@link ViewportDock} component.
 *
 * @see {@link ViewportDock}
 */
export interface ViewportDockProps {
    /**
     * Additional CSS class for the component.
     */
    className?: string;
    /**
     * Dock direction on the canvas viewport.
     */
    dock: DockDirection;
    /**
     * Horizontal offset from the dock direction.
     */
    dockOffsetX?: number;
    /**
     * Vertical offset from the dock direction.
     */
    dockOffsetY?: number;
    /**
     * Docked at the canvas viewport element.
     */
    children: React.ReactElement<{
        className?: string;
    }>;
}
/**
 * Utility component to dock a canvas widget content to a viewport location.
 *
 * @category Components
 */
export declare function ViewportDock(props: ViewportDockProps): import("react/jsx-runtime").JSX.Element;
export type DockAlignment = 'start' | 'center' | 'end';
export declare function getParentDockAlignment(target: Element): [x: DockAlignment | undefined, y: DockAlignment | undefined];
//# sourceMappingURL=viewportDock.d.ts.map