Interface BoxProps

interface BoxProps {
    as?: keyof IntrinsicElements;
    children?: ReactNode;
    className?: string;
    display?: Responsive<"none" | "flex" | "block" | "inline">;
    height?: Responsive<string>;
    m?: Responsive<string>;
    maxHeight?: Responsive<string>;
    maxWidth?: Responsive<string>;
    mb?: Responsive<string>;
    minHeight?: Responsive<string>;
    minWidth?: Responsive<string>;
    ml?: Responsive<string>;
    mr?: Responsive<string>;
    mt?: Responsive<string>;
    mx?: Responsive<string>;
    my?: Responsive<string>;
    p?: Responsive<string>;
    pb?: Responsive<string>;
    pl?: Responsive<string>;
    position?: Responsive<
        "static"
        | "relative"
        | "absolute"
        | "fixed"
        | "sticky",
    >;
    pr?: Responsive<string>;
    pt?: Responsive<string>;
    px?: Responsive<string>;
    py?: Responsive<string>;
    style?: CSSProperties;
    surface?: Responsive<Surface>;
    width?: Responsive<string>;
}