import { PropType } from "vue";
import { FixedElementConstraints, PointXY, Surface } from "@visuallyjs/browser-ui";
/**
 * Props for the Decorator component.
 * @group Props
 */
export interface DecoratorComponentProps {
    /**
     * Whether to float the element over the UI, so that it does not move with the content (floating), or to place the element onto the canvas, so that it moves/zooms with the content (fixed). Floating is the default.
     */
    placement?: 'fixed' | 'floating';
    /**
     * For floating placement, this is a point relative to the viewport origin. for fixed placement, this is a point relative to the canvas origin. Defaults to 0,0.
     */
    position?: PointXY;
    /**
     * Optional constraints when using fixed placement: you can instruct the UI to restrict movement in one or both axes.
     */
    constraints?: FixedElementConstraints;
}
declare const DecoratorComponent: {
    props: {
        placement: {
            type: StringConstructor;
            default: string;
        };
        position: {
            type: PropType<PointXY>;
        };
        constraints: {
            type: PropType<FixedElementConstraints>;
        };
    };
    data: () => {
        hasMounted: boolean;
        surface: Surface;
    };
    setup(props: DecoratorComponentProps): {
        service: unknown;
    };
    mounted(): void;
    render(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }>;
};
export { DecoratorComponent };