/// <reference types="react" />
import { IThemeSpacing } from "../../../theming/_types/IBaseTheme";
import { ITheme } from "../../../theming/_types/ITheme";
/**
 * Retrieves a given spacing value from the the theme
 * @param spacing The spacing value to retrieve
 * @param theme The theme to retrieve the spacing from
 * @returns The spacing value
 */
export declare function mapSpacing(spacing: IThemeSpacing, theme: ITheme): number;
/**
 * Retrieves a given spacing value from the the theme, or defaults to auto
 * @param spacing The spacing value to retrieve
 * @param theme The theme to retrieve the spacing from
 * @returns The spacing value
 */
export declare function mapSpacingWithAuto(spacing: IThemeSpacing | "auto", theme: ITheme): number | string;
/**
 * All the mapping functions to map properties to css spacings
 */
export declare const cssSpacingMappers: import("../createMapper/_types/TCreateMapperOutput").TCreateMapperOutput<{
    margin: typeof mapSpacingWithAuto;
    marginX: (spacing: IThemeSpacing | "auto", theme: ITheme) => {
        marginLeft: import("react").Key;
        marginRight: import("react").Key;
    };
    marginY: (spacing: IThemeSpacing | "auto", theme: ITheme) => {
        marginTop: import("react").Key;
        marginBottom: import("react").Key;
    };
    marginTop: typeof mapSpacingWithAuto;
    marginRight: typeof mapSpacingWithAuto;
    marginBottom: typeof mapSpacingWithAuto;
    marginLeft: typeof mapSpacingWithAuto;
    padding: true;
    paddingX: (spacing: "none" | "medium" | "small" | "extraSmall" | "large" | "extraLarge", theme: ITheme) => {
        paddingLeft: number;
        paddingRight: number;
    };
    paddingY: (spacing: "none" | "medium" | "small" | "extraSmall" | "large" | "extraLarge", theme: ITheme) => {
        paddingTop: number;
        paddingBottom: number;
    };
    paddingTop: true;
    paddingRight: true;
    paddingBottom: true;
    paddingLeft: true;
    top: true;
    right: true;
    bottom: true;
    left: true;
    columnWidth: true;
    lineHeight: true;
    outlineOffset: true;
    gap: true;
}, ITheme, "none" | "medium" | "small" | "extraSmall" | "large" | "extraLarge", number>;
//# sourceMappingURL=cssSpacingMappers.d.ts.map