import { type ShallowRef } from "vue";
import type { Diagram } from "@visuallyjs/browser-ui";
/**
 * Composable that provides access to a Diagram in the current scope, as a reactive ref.
 *
 * ```vue
 * <script setup>
 * import { useDiagram } from "@visuallyjs/browser-ui-vue"
 *
 * const diagram = useDiagram()
 *
 * function doSomething() {
 *   diagram.doSomething....
 * }
 *
 * </script>
 *
 * <template>
 *   <button :click="doSomething()">Do something</button>
 * </template>
 * ```
 *
 * @group Hooks
 */
export declare function useDiagram(): ShallowRef<Diagram>;