import { z } from "zod";
import type { WidgetGenerator } from "../../widgets/types";
export declare const BoxGridPropsSchema: z.ZodObject<{
    type: z.ZodLiteral<"boxGrid">;
    width: z.ZodNumber;
    height: z.ZodNumber;
    data: z.ZodArray<z.ZodArray<z.ZodObject<{
        content: z.ZodDiscriminatedUnion<[z.ZodObject<{
            type: z.ZodLiteral<"math">;
            mathml: z.ZodString;
        }, z.core.$strict>, z.ZodObject<{
            type: z.ZodLiteral<"whole">;
            value: z.ZodNumber;
            sign: z.ZodEnum<{
                "-": "-";
                "+": "+";
            }>;
        }, z.core.$strict>, z.ZodObject<{
            type: z.ZodLiteral<"fraction">;
            numerator: z.ZodNumber;
            denominator: z.ZodNumber;
            sign: z.ZodEnum<{
                "-": "-";
                "+": "+";
            }>;
        }, z.core.$strict>, z.ZodObject<{
            type: z.ZodLiteral<"mixed">;
            whole: z.ZodNumber;
            numerator: z.ZodNumber;
            denominator: z.ZodNumber;
            sign: z.ZodEnum<{
                "-": "-";
                "+": "+";
            }>;
        }, z.core.$strict>], "type">;
        backgroundColor: z.ZodPipe<z.ZodNullable<z.ZodString>, z.ZodTransform<string | null, string | null>>;
    }, z.core.$strict>>>;
    showGridLines: z.ZodBoolean;
}, z.core.$strict>;
export type BoxGridProps = z.infer<typeof BoxGridPropsSchema>;
/**
 * Generates an SVG diagram of a grid of cells, with each cell capable of
 * displaying data and having a custom background color for highlighting.
 */
export declare const generateBoxGrid: WidgetGenerator<typeof BoxGridPropsSchema>;
//# sourceMappingURL=box-grid.d.ts.map