import React from 'react';
import { MestGenericProps } from "../themes";
import { StyledBoxVariants } from "./style";
type Props = {
    as?: React.ElementType;
} & MestGenericProps;
type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
export type BoxProps = Props & NativeAttrs & StyledBoxVariants;
declare const Box: React.ForwardRefExoticComponent<{
    as?: React.ElementType<any> | undefined;
} & MestGenericProps & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
    flex?: boolean | "center" | "true" | "centerVertical" | "centerAll" | undefined;
    flexInline?: boolean | "center" | "true" | "centerVertical" | "centerAll" | undefined;
    row?: boolean | "true" | undefined;
    column?: boolean | "true" | undefined;
    rowReverse?: boolean | "true" | undefined;
    columnReverse?: boolean | "true" | undefined;
    wrap?: boolean | "true" | undefined;
    wrapReverse?: boolean | "true" | undefined;
    noWrap?: boolean | "true" | undefined;
}, {
    mobile: "(max-width: 640px)";
    tablet: "(min-width: 640px) and (max-width: 920px)";
    desktop: "(min-width: 920px)";
    xs: "(max-width: 640px)";
    sm: "(min-width: 640px) and (max-width: 920px)";
    md: "(min-width: 920px) and (max-width: 1280px)";
    lg: "(min-width: 1280px) and (max-width: 1920px)";
    xl: "(min-width: 1920px)";
    xsOrUp: "(max-width: 0px)";
    smOrUp: "(min-width: 640px)";
    mdOrUp: "(min-width: 920px)";
    lgOrUp: "(min-width: 1280px)";
    xlOrUp: "(min-width: 1920px)";
}> & {
    children?: React.ReactNode;
} & React.RefAttributes<HTMLDivElement>>;
export default Box;