import { type PropType } from "vue";
import { vec } from "../vec";
export interface MafsProps {
    width?: number | "auto";
    height?: number;
    /** Whether to enable panning with the mouse and keyboard */
    pan?: boolean;
    /**
     * A way to declare the "area of interest" of your visualizations. Mafs will center and zoom to
     * this area.
     */
    viewBox?: {
        x?: vec.Vector2;
        y?: vec.Vector2;
        padding?: number;
    };
    /**
     * Whether to squish the graph to fill the Mafs viewport or to preserve the aspect ratio of the
     * coordinate space.
     */
    preserveAspectRatio?: "contain" | false;
}
export declare const Mafs: import("vue").DefineComponent<{
    width: {
        type: PropType<number | "auto">;
        default: string;
        required: false;
    };
    height: {
        type: NumberConstructor;
        default: number;
        required: false;
    };
    /** Whether to enable panning with the mouse and keyboard */
    pan: {
        type: BooleanConstructor;
        default: boolean;
        required: false;
    };
    /**
     * A way to declare the "area of interest" of your visualizations. Mafs will center and zoom to
     * this area.
     */
    viewBox: {
        type: PropType<{
            x?: vec.Vector2 | undefined;
            y?: vec.Vector2 | undefined;
            padding?: number | undefined;
        }>;
        default: () => {
            x: number[];
            y: number[];
        };
        required: false;
    };
    /**
     * Whether to squish the graph to fill the Mafs viewport or to preserve the aspect ratio of the
     * coordinate space.
     */
    preserveAspectRatio: {
        type: PropType<boolean | "contain">;
        default: string;
        required: false;
        validator(prop: string | boolean): boolean;
    };
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    width: {
        type: PropType<number | "auto">;
        default: string;
        required: false;
    };
    height: {
        type: NumberConstructor;
        default: number;
        required: false;
    };
    /** Whether to enable panning with the mouse and keyboard */
    pan: {
        type: BooleanConstructor;
        default: boolean;
        required: false;
    };
    /**
     * A way to declare the "area of interest" of your visualizations. Mafs will center and zoom to
     * this area.
     */
    viewBox: {
        type: PropType<{
            x?: vec.Vector2 | undefined;
            y?: vec.Vector2 | undefined;
            padding?: number | undefined;
        }>;
        default: () => {
            x: number[];
            y: number[];
        };
        required: false;
    };
    /**
     * Whether to squish the graph to fill the Mafs viewport or to preserve the aspect ratio of the
     * coordinate space.
     */
    preserveAspectRatio: {
        type: PropType<boolean | "contain">;
        default: string;
        required: false;
        validator(prop: string | boolean): boolean;
    };
}>>, {
    width: number | "auto";
    height: number;
    pan: boolean;
    viewBox: {
        x?: vec.Vector2 | undefined;
        y?: vec.Vector2 | undefined;
        padding?: number | undefined;
    };
    preserveAspectRatio: boolean | "contain";
}>;