import { z } from "zod";
import type { WidgetGenerator } from "../../widgets/types";
export declare const UnitBlockDiagramPropsSchema: z.ZodObject<{
    type: z.ZodLiteral<"unitBlockDiagram">;
    totalBlocks: z.ZodNumber;
    shadedUnitsPerBlock: z.ZodNumber;
    blocksPerRow: z.ZodNumber;
    blockWidth: z.ZodNumber;
    blockHeight: z.ZodNumber;
    shadeColor: z.ZodString;
}, z.core.$strict>;
export type UnitBlockDiagramProps = z.infer<typeof UnitBlockDiagramPropsSchema>;
/**
 * This template generates an SVG diagram of "hundreds blocks" to visually model
 * place value and percentages of large numbers that are multiples of 100.
 * It is particularly effective for explaining concepts like "1% of 800" in a concrete, countable manner.
 */
export declare const generateUnitBlockDiagram: WidgetGenerator<typeof UnitBlockDiagramPropsSchema>;
//# sourceMappingURL=unit-block-diagram.d.ts.map