import { Options } from 'roughjs/bin/core';
import { RoughSVG } from 'roughjs/bin/svg';
import { InjectionKey, MaybeRefOrGetter, Ref, SVGAttributes, ComputedRef } from 'vue';
export interface GraphicsConfig {
    /**
     * Selectors or patterns to apply graphics configuration.
     */
    include?: string | RegExp | (string | RegExp)[];
    /**
     * [Options for Rough.js]{@link https://github.com/rough-stuff/rough/wiki#options}.
     */
    options: Options;
}
export declare const configInjection: InjectionKey<Ref<GraphicsConfig[]>>;
export declare function useGraphicsConfig(refOrGetter: MaybeRefOrGetter<GraphicsConfig | GraphicsConfig[]>): void;
export declare function useGraphicsSelectors(selector: string, parentSelector: MaybeRefOrGetter<string | string[] | undefined>): ComputedRef<string[]>;
export declare function useGraphicsElementOptions(selector: MaybeRefOrGetter<string | string[] | undefined>, options?: MaybeRefOrGetter<Options | undefined>): ComputedRef<Options>;
export interface GraphicsProps {
    /**
     * Selector(s) to apply graphics configuration.
     */
    graphicsSelector?: string | string[];
}
export declare function getSVGSize(element: SVGSVGElement): {
    width: number;
    height: number;
};
export declare function getFilledSizeOptions(strokeWidth: number): Options;
export type SVGAttrs = SVGAttributes & Record<string, string | number | undefined>;
export type SVGNode = [
    tag: string,
    attrs: SVGAttrs,
    children?: SVGNode[]
];
export declare function parseSVGNode(element: SVGElement): SVGNode;
export interface DrawSVGNodeOptions {
    solid?: boolean;
    defaultGraphicsOptions?: Options;
    graphicsOptions?: Options;
}
export declare function drawSVGNode(rc: RoughSVG, parent: Element, node: SVGNode, options?: DrawSVGNodeOptions): void;