import { Border, BorderRadius, Colors, Shadow, ZIndex } from '@bigcommerce/big-design-theme';
import React, { ComponentPropsWithoutRef } from 'react';
import { DisplayProps, MarginProps, PaddingProps } from '../../helpers';
export interface BoxProps extends ComponentPropsWithoutRef<'div'>, DisplayProps, MarginProps, PaddingProps {
    as?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
    backgroundColor?: keyof Colors;
    shadow?: keyof Shadow;
    border?: keyof Border;
    borderBottom?: keyof Border;
    borderLeft?: keyof Border;
    borderRight?: keyof Border;
    borderTop?: keyof Border;
    borderRadius?: keyof BorderRadius;
    clearfix?: boolean;
    zIndex?: keyof ZIndex;
}
export declare const Box: React.MemoExoticComponent<React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>>;
//# sourceMappingURL=Box.d.ts.map