import { QuerySelector } from '@svgdotjs/svg.js';
export declare enum Alignment {
    LEFT = "left",
    MIDDLE = "middle",
    RIGHT = "right"
}
export declare enum ArcDirection {
    UP = "up",
    LEFT = "left"
}
export interface GraphcisElement {
    width: number;
    height: number;
    x: number;
    y: number;
    remove: () => void;
}
export declare abstract class Renderer {
    protected container: QuerySelector | HTMLElement;
    protected constructor(container: QuerySelector | HTMLElement);
    abstract line(x1: number, y1: number, x2: number, y2: number, strokeWidth: number, color: string, classes?: string | string[]): void;
    abstract size(width: number, height: number): void;
    abstract clear(): void;
    abstract remove(): void;
    abstract background(color: string): void;
    abstract title(title: string): void;
    abstract text(text: string, x: number, y: number, fontSize: number, color: string, fontFamily: string, alignment: Alignment, classes?: string | string[], plain?: boolean): GraphcisElement;
    abstract circle(x: number, y: number, diameter: number, strokeWidth: number, strokeColor: string, fill?: string, classes?: string | string[]): GraphcisElement;
    abstract rect(x: number, y: number, width: number, height: number, strokeWidth: number, strokeColor: string, classes?: string | string[], fill?: string, radius?: number): GraphcisElement;
    abstract arc(x: number, y: number, width: number, height: number, direction: ArcDirection, strokeWidth: number, strokeColor: string, classes?: string | string[], fill?: string): GraphcisElement;
    abstract triangle(x: number, y: number, size: number, strokeWidth: number, strokeColor: string, classes?: string | string[], fill?: string): GraphcisElement;
    abstract pentagon(x: number, y: number, size: number, strokeWidth: number, strokeColor: string, fill?: string, classes?: string | string[]): GraphcisElement;
    protected static trianglePath(x: number, y: number, size: number): string;
    protected static ngonPath(x: number, y: number, size: number, edges: number): string;
    protected static arcBarrePath(x: number, y: number, width: number, height: number, direction: ArcDirection): string;
    protected static toClassName(classes?: string | string[]): string;
}