import * as React from "react";
import { BoxProps } from "./Box";
import { BoxSides, SpaceSize } from "../../../shared/styles/styleUtils/modifiers/modifierUtils";
export interface SpacingBoxProps extends BoxProps {
    /**
     * Which side (or sides) the spacing should be on
     */
    side?: BoxSides;
    /**
     * The size of the space to apply. It can set 1 spacing size for all breakpoints, or it can be used to set different spacing values at different viewport width breakpoints
     */
    spacingSize?: SpaceSize;
    /**
     * Used to set different spacing values on different sides of the element
     */
    spacingSizePerSide?: {
        [Side in NonNullable<BoxSides>]?: SpaceSize;
    };
    /**
     * Human-readable selector used for writing tests
     */
    "data-cy"?: string;
}
declare const SpacingBox: (props: SpacingBoxProps) => React.JSX.Element;
export default SpacingBox;