import { PropType } from "vue";
import { RenderOptions, ViewOptions, SurfaceComponentProps } from "./definitions";
import { ObjectData, ModelOptions, BrowserUIModel } from "@visuallyjs/browser-ui";
import { VertexPlaceholder } from "./util";
/**
 * Provides a pannable and zoomable canvas onto which nodes, groups and edges can be drawn, with support for various plugins.
 * @group Components
 */
export declare const SurfaceComponent: {
    setup(props: SurfaceComponentProps): {
        service: unknown;
        surfaceId: string;
    };
    name: string;
    props: {
        data: {
            type: PropType<ObjectData>;
        };
        renderOptions: {
            type: PropType<RenderOptions>;
        };
        modelOptions: {
            type: PropType<ModelOptions>;
        };
        viewOptions: {
            type: PropType<ViewOptions>;
        };
        model: {
            type: PropType<BrowserUIModel>;
        };
        url: {
            type: StringConstructor;
        };
        surfaceId: {
            type: StringConstructor;
        };
    };
    data: () => {
        vertices: Array<VertexPlaceholder>;
    };
    mounted(): void;
    render: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }>;
};