import { PropType } from "vue";
import { DiagramOptions, ObjectData, ModelOptions } from "@visuallyjs/browser-ui";
/**
 * @group Props
 */
export interface DiagramComponentProps {
    /**
     * Optional URL from which to load data
     */
    url?: string;
    /**
     * Optional initial data to load
     */
    data?: any;
    /**
     * Options for the underlying model.
     */
    modelOptions?: ModelOptions;
    /**
     * Options for the Diagram.
     */
    options: DiagramOptions;
    /**
     * Optional ID to assign to the Diagram so you can reference it elsewhere in the UI. It is preferable, though, to use providers for this.
     */
    diagramId?: string;
}
/**
 * Provides a component that renders an SVG diagram.
 * @group Components
 */
export declare const DiagramComponent: {
    setup(props: DiagramComponentProps): {
        service: unknown;
    };
    name: string;
    props: {
        data: {
            type: PropType<ObjectData>;
        };
        url: {
            type: StringConstructor;
        };
        modelOptions: {
            type: PropType<ModelOptions>;
        };
        options: {
            type: PropType<DiagramOptions>;
        };
    };
    mounted(): void;
    render: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }>;
};