import type { CSSProperties } from "react";
import type { ObjectProperty } from "../types";
import { QUERIES } from "../../utils/mediaQuery/consts";
export declare enum SIZES {
    NONE = "none",
    XXXSMALL = "XXXSmall",
    XXSMALL = "XXSmall",
    XSMALL = "XSmall",
    SMALL = "small",
    MEDIUM = "medium",
    LARGE = "large",
    XLARGE = "XLarge",
    XXLARGE = "XXLarge",
    XXXLARGE = "XXXLarge"
}
export declare const marginClasses: {
    [K in QUERIES | SIZES]: K extends QUERIES ? Record<SIZES, string> : string;
};
export declare const marginTopClasses: {
    [K in QUERIES | SIZES]: K extends QUERIES ? Record<SIZES, string> : string;
};
export declare const marginRightClasses: {
    [K in QUERIES | SIZES]: K extends QUERIES ? Record<SIZES, string> : string;
};
export declare const marginBottomClasses: {
    [K in QUERIES | SIZES]: K extends QUERIES ? Record<SIZES, string> : string;
};
export declare const marginLeftClasses: {
    [K in QUERIES | SIZES]: K extends QUERIES ? Record<SIZES, string> : string;
};
export declare const getMargin: (margin: CSSProperties["margin"] | ObjectProperty) => {
    vars: object;
    classes: string[];
};
export default getMargin;