import { VtEditorToolbarGroup } from './types';
import { IconName } from '../../icons';
import { ComputedRef, Ref } from 'vue';
export interface ToolbarItem {
    type: 'button' | 'select' | 'separator';
    id?: string;
    tooltip?: string;
    iconName?: IconName;
    action?: () => void;
    activeCheck?: () => boolean;
}
export declare function useEditorToolbar(groups: () => VtEditorToolbarGroup[], commands: {
    exec: (command: string, value?: string) => void;
    isActive: (command: string) => boolean;
    applyBlock: (tag: string) => void;
    applyFont: (fontName: string) => void;
    handleIndent: (type: 'indent' | 'outdent') => void;
    openLinkDialog: () => void;
    openImageDialog: () => void;
    toggleHtmlMode: () => void;
    isHtmlMode: () => boolean;
}): {
    toolbarItems: ComputedRef<(ToolbarItem | null)[]>;
    selectionTick: Ref<number, number>;
    onSelectionChange: () => void;
    getItemActive: (item: ToolbarItem) => boolean;
    HEADING_GROUPS: {
        value: string;
        label: string;
    }[];
    FONT_GROUPS: {
        value: string;
        label: string;
    }[];
};
//# sourceMappingURL=useEditorToolbar.d.ts.map