import React, { ReactElement } from "react";
interface Props extends React.HTMLAttributes<HTMLDivElement> {
    p?: number | string;
    pt?: number;
    pr?: number;
    pb?: number;
    pl?: number;
    px?: number;
    py?: number;
    m?: number | string;
    mt?: number;
    mr?: number;
    mb?: number;
    ml?: number;
    mx?: number;
    my?: number;
    bg?: string;
    w?: number | string;
    h?: number | string;
    z?: number;
    color?: string;
    rounded?: "sm" | "md" | "lg" | "full";
    overflow?: "hidden" | "visible" | "scroll" | "auto";
    display?: "flex" | "inline-flex" | "inline" | "block" | "none" | "grid" | "inline-grid" | "table" | "table-row-group" | "table-header-group" | "table-footer-group" | "table-row" | "table-column-group" | "table-column" | "table-cell" | "table-caption" | "initial" | "inherit";
    direction?: "row" | "row-reverse" | "column" | "column-reverse";
    align?: "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
    justify?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around";
    boxShadow?: "sm" | "md" | "lg";
    border?: string;
    position?: "relative" | "absolute" | "fixed" | "sticky";
    top?: number | string;
    right?: number | string;
    bottom?: number | string;
    left?: number | string;
    as?: any;
    noWrap?: boolean;
    children?: ReactElement | ReactElement[] | string | number;
}
export declare const Box: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
export {};
