import { z } from "zod";
import type { WidgetGenerator } from "../../widgets/types";
export declare const PatternDiagramPropsSchema: z.ZodObject<{
    type: z.ZodLiteral<"patternDiagram">;
    width: z.ZodNumber;
    height: z.ZodNumber;
    items: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
        type: z.ZodLiteral<"shape">;
        shape: z.ZodEnum<{
            square: "square";
            circle: "circle";
            rectangle: "rectangle";
            pentagon: "pentagon";
            hexagon: "hexagon";
            triangle: "triangle";
            heptagon: "heptagon";
            octagon: "octagon";
        }>;
        fillColor: z.ZodString;
    }, z.core.$strict>, z.ZodObject<{
        type: z.ZodLiteral<"placeholder">;
    }, z.core.$strict>], "type">>;
    shapeSize: z.ZodNumber;
}, z.core.$strict>;
export type PatternDiagramProps = z.infer<typeof PatternDiagramPropsSchema>;
/**
 * Generates an HTML layout for a sequence of shapes and placeholders to illustrate a pattern.
 * This widget is a compositional tool that uses an internal SVG renderer for the shapes.
 */
export declare const generatePatternDiagram: WidgetGenerator<typeof PatternDiagramPropsSchema>;
//# sourceMappingURL=pattern-diagram.d.ts.map