import type { ReadonlyVector2 } from "../../math/ReadonlyVector2";
import type { ReadonlyColor } from "../../render/ReadonlyColor";
import { CssRenderer } from "./CssRenderer";
/**
 * css 2d edge renderer
 *
 * this renderer use svg tag to render edge
 */
export declare class CssEdgeRenderer extends CssRenderer<HTMLDivElement> {
    private _svgElement;
    private readonly _points;
    private _width;
    private _height;
    private readonly _edgeColor;
    private _edgeWidth;
    private static readonly _safebound;
    protected renderInitialize(): void;
    protected updateCenterOffset(updateTransform: boolean): void;
    protected updateViewScale(updateTransform: boolean): void;
    private updateCssSize;
    private createPolygonPoints;
    /**
     * edge points (default: [(-2, -2), (2, -2), (2, 2), (-2, 2)])
     */
    get points(): readonly ReadonlyVector2[];
    /**
     * edge points (default: [(-2, -2), (2, -2), (2, 2), (-2, 2)])
     */
    set points(value: readonly ReadonlyVector2[]);
    /**
     * set edge points to regular polygon
     * @param sides number of sides
     * @param radius radius of polygon
     */
    setShapeToRegularPolygon(sides: number, radius: number): void;
    /**
     * edge color (default: "#00FF00")
     */
    get edgeColor(): ReadonlyColor;
    /**
     * edge color (default: "#00FF00")
     */
    set edgeColor(value: ReadonlyColor);
    /**
     * edge width (default: 0)
     */
    get edgeWidth(): number;
    /**
     * edge width (default: 0)
     */
    set edgeWidth(value: number);
}