import { MarkerArea } from '@markerjs/markerjs3';
import type * as Markerjs3 from '@markerjs/markerjs3';
export default function useAnnotation(): {
    isVisibleMenu: import('vue').Ref<boolean, boolean>;
    markerTools: import('vue').ComputedRef<{
        [key: string]: {
            marker: typeof Markerjs3.MarkerBase | "selection" | "eraseSelected" | "eraseAll" | null;
            icon: string;
            translationKey: string;
            action?: () => void;
            dividerBefore?: boolean;
        };
    }>;
    activeToolIcon: import('vue').ComputedRef<string>;
    activeTool: import('vue').Ref<string | typeof Markerjs3.MarkerBase | null, string | typeof Markerjs3.MarkerBase | null>;
    isReady: import('vue').Ref<boolean, boolean>;
    handleAnnotationSelect: (action: string) => void;
    setActiveMarker: (marker: null | MarkerArea) => void;
    activeMarker: import('vue').Ref<Markerjs3.MarkerArea | null, Markerjs3.MarkerArea | null>;
    showMenu: (value: boolean) => boolean;
    toggleMenu: () => boolean;
    storage: Map<string, any>;
    resetAnnotations: (notify?: boolean) => void;
    triggerToolUpdate: () => void;
    clearStorage: () => void;
    applyShadowRootStyles: (shadowRoot: ShadowRoot) => void;
    createNewImage: (width: number, height: number) => string;
    isDrawingActive: import('vue').ComputedRef<boolean>;
};