import { AllowedElementsProps, AxisOverflowProps, BorderStyleProps, BorderWidthProps, ColorProps, OrderProps, OverflowProps, PositionDirectionProps, PositionProps, RadiusProps, ResponsiveBackgroundProps, ResponsiveBorderStyleProps, ResponsiveBorderWidthProps, ResponsiveColorProps, ResponsiveOrderProps, ResponsivePositionDirectionProps, ResponsivePositionProps, ResponsiveRadiusSideProps, ResponsiveShadowProps, ResponsiveSideProps, ShadowProps } from '../../utils/types/types';
import { default as React } from 'react';
/*************************
 * Allowed HTML elements
 *************************/
/*************************
 * Component Props
 *************************/
export interface BoxProps extends React.ComponentProps<"div"> {
    children?: React.ReactNode;
    as?: AllowedElementsProps;
    position?: ResponsivePositionProps | PositionProps;
    zIndex?: string;
    left?: ResponsivePositionDirectionProps | PositionDirectionProps;
    right?: ResponsivePositionDirectionProps | PositionDirectionProps;
    top?: ResponsivePositionDirectionProps | PositionDirectionProps;
    bottom?: ResponsivePositionDirectionProps | PositionDirectionProps;
    shadow?: ResponsiveShadowProps | ShadowProps;
    background?: ResponsiveBackgroundProps | ColorProps;
    order?: ResponsiveOrderProps | OrderProps;
    padding?: ResponsiveSideProps;
    border?: boolean;
    borderColor?: ResponsiveColorProps | ColorProps;
    borderWidth?: ResponsiveBorderWidthProps | BorderWidthProps;
    borderStyle?: ResponsiveBorderStyleProps | BorderStyleProps;
    radius?: RadiusProps | ResponsiveRadiusSideProps;
    overflow?: AxisOverflowProps | OverflowProps;
}
/*************************
 * Component
 *************************/
declare const Box: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
export default Box;