import { z } from "zod";
import type { WidgetGenerator } from "../../widgets/types";
export declare const HangerDiagramPropsSchema: z.ZodObject<{
    type: z.ZodLiteral<"hangerDiagram">;
    width: z.ZodNumber;
    height: z.ZodNumber;
    leftSide: z.ZodArray<z.ZodObject<{
        label: z.ZodPipe<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>, z.ZodTransform<string | number | null, string | number | null>>;
        shape: z.ZodEnum<{
            square: "square";
            circle: "circle";
            pentagon: "pentagon";
            hexagon: "hexagon";
            triangle: "triangle";
        }>;
        backgroundColor: z.ZodString;
    }, z.core.$strict>>;
    rightSide: z.ZodArray<z.ZodObject<{
        label: z.ZodPipe<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>, z.ZodTransform<string | number | null, string | number | null>>;
        shape: z.ZodEnum<{
            square: "square";
            circle: "circle";
            pentagon: "pentagon";
            hexagon: "hexagon";
            triangle: "triangle";
        }>;
        backgroundColor: z.ZodString;
    }, z.core.$strict>>;
}, z.core.$strict>;
export type HangerDiagramProps = z.infer<typeof HangerDiagramPropsSchema>;
/**
 * This template generates a "hanger diagram," a powerful visual metaphor for a balanced
 * algebraic equation, rendered as an SVG graphic. This diagram is ideal for introducing
 * students to the concept of solving equations by maintaining balance.
 */
export declare const generateHangerDiagram: WidgetGenerator<typeof HangerDiagramPropsSchema>;
//# sourceMappingURL=hanger-diagram.d.ts.map