/**
 * @file index.tsx
 *
 * @fileoverview A component that defines spacing on top or bottom.
 */
import * as React from 'react';
import { SpaceProps } from 'styled-system';
declare type BaseSpacingProps = SpaceProps;
export interface SpacingProps extends BaseSpacingProps {
    /**
     * The size of the spacing.
     *
     * @default "small"
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * The content that goes inside the spacing.
     *
     * @default null
     */
    children?: React.ReactNode;
}
/**
 * The Spacing component can be used to wrap some content with either vertical or bottom spacing. or both. it will generate consistent amounts
 * of spacing comming from what is defined in the theme. This ensures that when making space between elements we are defining a consistent look and feel.
 */
export declare const Spacing: ({ size, mt, mb, children, ...props }: SpacingProps) => JSX.Element;
export default Spacing;