export declare const rectData: ({ width, height, cornerRadius, }: FigureSvgInput) => string;
export declare const triangleData: ({ width, height }: FigureSvgInput) => string;
export declare const rightTriangleData: ({ width, height }: FigureSvgInput) => string;
export declare const circleData: ({ width, height }: FigureSvgInput) => string;
export declare function starPath({ width, height }: FigureSvgInput): string;
export declare function diamondPath({ width, height }: FigureSvgInput): string;
export declare function pentagonPath({ width, height }: FigureSvgInput): string;
export declare function hexagonPath({ width, height }: FigureSvgInput): string;
/**
 * Scale SVG path data by baking the factors into every coordinate.
 *
 * Only the commands our authored shapes actually use are supported (M L T H V
 * C S Q Z) — all of which scale exactly, because scaling a Bézier is just
 * scaling its control points. Elliptical arcs (A) are deliberately NOT
 * supported: under a non-uniform scale a rotated arc is not expressible as
 * another arc, so we throw rather than silently distort a shape. No shape in
 * TYPES uses one; if one is ever added, convert it to Béziers.
 */
export declare function scalePathData(path: string, scaleX: number, scaleY: number): string;
export declare function speechBubblePath({ width, height }: {
    width: any;
    height: any;
}): string;
export declare function crossPath({ width, height }: {
    width: any;
    height: any;
}): string;
export declare const TYPES: {
    rect: ({ width, height, cornerRadius, }: FigureSvgInput) => string;
    circle: ({ width, height }: FigureSvgInput) => string;
    star: typeof starPath;
    triangle: ({ width, height }: FigureSvgInput) => string;
    rightTriangle: ({ width, height }: FigureSvgInput) => string;
    diamond: typeof diamondPath;
    pentagon: typeof pentagonPath;
    hexagon: typeof hexagonPath;
    speechBubble: typeof speechBubblePath;
    cross: typeof crossPath;
    arc: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    cloud: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    rightArrow: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    leftArrow: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    downArrow: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    upArrow: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    asterisk1: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    asterisk2: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    bookmark: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    butterfly: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    cylinder: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    diamond2: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    door: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    drop1: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    drop2: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    explosion: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    flag: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    flower: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    frame: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    heart1: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    home: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    home2: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    hourglass: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    house: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    keyhole: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    kiss: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    leaf: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    lightning1: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    lightning2: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    magnet: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    mithosis: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    orangeRicky: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    party: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    pillow: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    polygon: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    rainbow: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    rhodeIsland: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    shell: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    shield1: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    shield2: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    skewedRectangle: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    softFlower: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    softStar: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    stairs1: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    stairs2: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    teewee: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob1: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob10: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob11: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob12: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob13: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob14: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob15: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob16: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob17: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob18: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob19: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob2: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob20: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob21: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob22: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob23: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob24: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob25: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob26: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob27: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob28: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob29: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob3: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob30: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob31: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob32: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob4: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob5: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob6: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob7: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob8: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
    blob9: ({ width, height }: {
        width: any;
        height: any;
    }) => string;
};
export declare function subTypeToPathDataFunc(subType: string): any;
export type FigureSvgInput = {
    subType: string;
    width: number;
    height: number;
    fill: string;
    stroke: string;
    strokeWidth: number;
    dash?: number[];
    cornerRadius?: number;
    id?: string;
};
export declare function figureToSvg(element: FigureSvgInput): string;
export declare function replaceColorWithGradientRef(svgContent: string, prop: 'fill' | 'stroke', color: string, gradientId: string): string;