import { QuerySelector } from '@svgdotjs/svg.js';
import { Alignment, ArcDirection, GraphcisElement, Renderer } from '../renderer';
export declare class RoughJsRenderer extends Renderer {
    private rc;
    private containerNode;
    private svgNode;
    constructor(container: QuerySelector | HTMLElement);
    /**
     * This will embed all defs defined in the defs.html file. Specifically this is used to embed the base64
     * encoded font into the SVG so that the font always looks correct.
     */
    private embedDefs;
    title(title: string): void;
    circle(x: number, y: number, diameter: number, strokeWidth: number, strokeColor: string, fill?: string, classes?: string | string[]): GraphcisElement;
    clear(): void;
    remove(): void;
    line(x1: number, y1: number, x2: number, y2: number, strokeWidth: number, color: string, classes?: string | string[]): void;
    rect(x: number, y: number, width: number, height: number, strokeWidth: number, strokeColor: string, classes?: string | string[], fill?: string, radius?: number): GraphcisElement;
    arc(x: number, y: number, width: number, height: number, direction: ArcDirection, strokeWidth: number, strokeColor: string, classes?: string | string[], fill?: string): GraphcisElement;
    triangle(x: number, y: number, size: number, strokeWidth: number, strokeColor: string, classes?: string | string[], fill?: string | undefined): GraphcisElement;
    pentagon(x: number, y: number, size: number, strokeWidth: number, strokeColor: string, fill?: string, classes?: string | string[], spikes?: number): GraphcisElement;
    size(width: number, height: number): void;
    background(color: string): void;
    text(text: string, x: number, y: number, fontSize: number, color: string, fontFamily: string, alignment: Alignment, classes?: string | string[], plain?: boolean): GraphcisElement;
    private static boxToElement;
    private static roundedRectData;
    private static toClassArray;
}
export default RoughJsRenderer;