/** @jsxImportSource react */
import { Instance } from "../ui/Instance";
import { NumberProp, StringProp } from "../ui/Prop";
import { RenderingContext } from "../ui/RenderingContext";
import { TextualBoundedObject, TextualBoundedObjectConfig } from "./TextualBoundedObject";
export interface RectangleConfig extends TextualBoundedObjectConfig {
    /**
     * Index of the color in the default color palette. Setting this property will set
     * both fill and stroke on the object. Use `style` or a CSS class to remove stroke or fill
     * if they are not necessary.
     */
    colorIndex?: NumberProp;
    /** A color used to paint the box. */
    fill?: StringProp;
    /** A color used to paint the outline of the box. */
    stroke?: StringProp;
    /** Base CSS class to be applied to the element. Defaults to `rectangle`. */
    baseClass?: string;
    /**
     * The horizontal corner radius of the rect. Defaults to ry if it is specified.
     * Value type: <length>|<percentage>;
     * If unit is not specified, it defaults to `px`.
     */
    rx?: StringProp | NumberProp;
    /**
     * The vertical corner radius of the rect. Defaults to rx if it is specified.
     * Value type: <length>|<percentage>;
     * If unit is not specified, it defaults to `px`.
     */
    ry?: StringProp | NumberProp;
}
export declare class Rectangle extends TextualBoundedObject {
    baseClass: string;
    colorIndex?: NumberProp;
    fill?: StringProp;
    stroke?: StringProp;
    rx?: StringProp | NumberProp;
    ry?: StringProp | NumberProp;
    constructor(config?: RectangleConfig);
    declareData(...args: any[]): void;
    render(context: RenderingContext, instance: Instance, key: string): false | import("react/jsx-runtime").JSX.Element;
}
//# sourceMappingURL=Rectangle.d.ts.map