import React from "react";
declare const boxThemes: {
    readonly neutral: {
        readonly background: "neutral80";
        readonly border: "neutral40";
    };
    readonly info: {
        readonly background: "interactionLightest";
        readonly border: "interactionLight";
    };
    readonly success: {
        readonly background: "successLighter";
        readonly border: "success";
    };
    readonly warning: {
        readonly background: "warningLighter";
        readonly border: "warningDark";
    };
    readonly danger: {
        readonly background: "dangerLighter";
        readonly border: "dangerDark";
    };
};
export interface BoxProps {
    backgroundColor?: keyof typeof boxThemes;
    borderColor?: keyof typeof boxThemes;
    borderRadius?: number;
    children: React.ReactNode;
    flex?: number;
    inline?: boolean;
    maxWidth?: number | string;
    overflow?: string;
    padding?: number;
    paddingTop?: number;
    paddingRight?: number;
    paddingBottom?: number;
    paddingLeft?: number;
    paddingVertical?: number;
    paddingHorizontal?: number;
    pointerEvents?: "auto" | "none" | "all" | "inherit";
    width?: number | string;
}
export declare const Box: ({ backgroundColor, borderColor, borderRadius, children, flex, inline, maxWidth, overflow, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingVertical, paddingHorizontal, pointerEvents, width, }: BoxProps) => React.JSX.Element;
export {};
//# sourceMappingURL=Box.d.ts.map