import { type PropType } from "vue";
export interface GridPatternProps {
    id: string;
    xLines: number | false;
    yLines: number | false;
    xSubdivisions: number | false;
    ySubdivisions: number | false;
}
/**
 * @private
 *
 * Creates an SVG <pattern> that looks like a cartesian coordinate plane grid.
 *
 * This is a bit more complex than just rendering lines, but is way more performant, since the
 * browser handles making the pattern repeat for us.
 */
export declare const GridPattern: import("vue").DefineComponent<{
    id: {
        type: StringConstructor;
        required: true;
    };
    xLines: {
        type: PropType<number | false>;
        required: true;
    };
    yLines: {
        type: PropType<number | false>;
        required: true;
    };
    xSubdivisions: {
        type: PropType<number | false>;
        required: true;
    };
    ySubdivisions: {
        type: PropType<number | false>;
        required: true;
    };
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    id: {
        type: StringConstructor;
        required: true;
    };
    xLines: {
        type: PropType<number | false>;
        required: true;
    };
    yLines: {
        type: PropType<number | false>;
        required: true;
    };
    xSubdivisions: {
        type: PropType<number | false>;
        required: true;
    };
    ySubdivisions: {
        type: PropType<number | false>;
        required: true;
    };
}>>, {}>;