import { ReactNode } from 'react';
export interface SpacerProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * Value to be applied as `margin-top`
     */
    top?: SpacerValues;
    /**
     * Value to be applied as `margin-bottom`.
     */
    bottom?: SpacerValues;
    /**
     * Value to be applied as `margin-left`.
     */
    left?: SpacerValues;
    /**
     * Value to be applied as `margin-right`.
     */
    right?: SpacerValues;
    children?: ReactNode;
}
/**
 * Possible values are:
 * 2: 0.5rem, 8px
 * 4: 1rem, 16px
 * 6: 1.5rem, 24px
 * 8: 2rem, 32px
 * 12: 3rem, 48px
 * 14: 3.5rem, 56px
 */
type SpacerValues = "1" | "2" | "3" | "4" | "6" | "8" | "10" | "12" | "14";
declare function Spacer({ top, bottom, left, right, children, ...rest }: SpacerProps): React.ReactNode;
declare namespace Spacer {
    var displayName: string;
}
export { Spacer };