import * as React from 'react';
import { BreakpointClasses } from '../helpers/breakpoints';
declare const paddings: readonly ["0", "1", "2", "3", "4", "5", "6", "8", "10", "12", "16", "20", "24", "32", "40", "48", "56", "64"];
declare type PADDINGS = keyof {
    [key in typeof paddings[number]]: string;
};
declare const PADDINGS: BreakpointClasses;
declare const margins: readonly ["0", "1", "2", "3", "4", "5", "6", "8", "10", "12", "16", "20", "24", "32", "40", "48", "56", "64", "-0", "-1", "-2", "-3", "-4", "-5", "-6", "-8", "-10", "-12", "-16", "-20", "-24", "-32", "-40", "-48", "-56", "-64"];
declare type MARGINS = keyof {
    [key in typeof margins[number]]: string;
};
declare const MARGINS: BreakpointClasses;
interface Props {
    padding?: PADDINGS | {
        default?: PADDINGS;
        sm?: PADDINGS;
        md?: PADDINGS;
        lg?: PADDINGS;
        xl?: PADDINGS;
    };
    paddingLeft?: PADDINGS | {
        default?: PADDINGS;
        sm?: PADDINGS;
        md?: PADDINGS;
        lg?: PADDINGS;
        xl?: PADDINGS;
    };
    paddingRight?: PADDINGS | {
        default?: PADDINGS;
        sm?: PADDINGS;
        md?: PADDINGS;
        lg?: PADDINGS;
        xl?: PADDINGS;
    };
    paddingTop?: PADDINGS | {
        default?: PADDINGS;
        sm?: PADDINGS;
        md?: PADDINGS;
        lg?: PADDINGS;
        xl?: PADDINGS;
    };
    paddingBottom?: PADDINGS | {
        default?: PADDINGS;
        sm?: PADDINGS;
        md?: PADDINGS;
        lg?: PADDINGS;
        xl?: PADDINGS;
    };
    paddingX?: PADDINGS | {
        default?: PADDINGS;
        sm?: PADDINGS;
        md?: PADDINGS;
        lg?: PADDINGS;
        xl?: PADDINGS;
    };
    paddingY?: PADDINGS | {
        default?: PADDINGS;
        sm?: PADDINGS;
        md?: PADDINGS;
        lg?: PADDINGS;
        xl?: PADDINGS;
    };
    margin?: MARGINS | {
        default?: MARGINS;
        sm?: MARGINS;
        md?: MARGINS;
        lg?: MARGINS;
        xl?: MARGINS;
    };
    marginLeft?: MARGINS | {
        default?: MARGINS;
        sm?: MARGINS;
        md?: MARGINS;
        lg?: MARGINS;
        xl?: MARGINS;
    };
    marginRight?: MARGINS | {
        default?: MARGINS;
        sm?: MARGINS;
        md?: MARGINS;
        lg?: MARGINS;
        xl?: MARGINS;
    };
    marginTop?: MARGINS | {
        default?: MARGINS;
        sm?: MARGINS;
        md?: MARGINS;
        lg?: MARGINS;
        xl?: MARGINS;
    };
    marginBottom?: MARGINS | {
        default?: MARGINS;
        sm?: MARGINS;
        md?: MARGINS;
        lg?: MARGINS;
        xl?: MARGINS;
    };
    marginX?: MARGINS | {
        default?: MARGINS;
        sm?: MARGINS;
        md?: MARGINS;
        lg?: MARGINS;
        xl?: MARGINS;
    };
    marginY?: MARGINS | {
        default?: MARGINS;
        sm?: MARGINS;
        md?: MARGINS;
        lg?: MARGINS;
        xl?: MARGINS;
    };
    className?: React.HTMLAttributes<HTMLDivElement>['className'];
    style?: React.HTMLAttributes<HTMLDivElement>['style'];
}
declare const Space: React.FC<Props>;
export default Space;