import React from 'react';
import { BoxProps } from './types';
/**
 * @deprecated If you need margins/padding, use the Spacer component, otherwise use a CSS module.
 */
export declare const InnerBox: ({ "data-tag": dataTag, alignContent, alignItems, alignSelf, b, backgroundColor, bb, bl, borderColor, borderStrokeWidth, borderStyle, br, bt, children, cornerRadius, css: userCss, display, el, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, fluidHeight, fluidWidth, height, id, innerRef, justifyContent, m, maxHeight, maxWidth, mb, mh, minHeight, minWidth, ml, mr, mt, mv, onClick, onMouseEnter, onMouseLeave, order, overflow, p, pb, ph, pl, position, pr, pt, pv, textAlign, verticalAlign, width, ...restProps }: BoxProps & {
    innerRef: React.Ref<HTMLElement>;
}) => React.JSX.Element;
/**
 * @deprecated Use styled.div`` instead. If you need responsive properties, use the `mediaForBreakpoint` utility
 */
export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
export { BoxProps };