import { CSSInterpolation } from "@emotion/serialize";
export declare function buildMediaQuery({ maxWidth, }: {
    minWidth?: number;
    maxWidth?: number;
}): string;
export declare const SIZES: {
    sm: {
        maxWidth: number;
    };
    md: {
        maxWidth: number;
    };
    lg: {
        maxWidth: number;
    };
    xl: {
        maxWidth: number;
    };
};
export declare const media: {
    sm: (template: TemplateStringsArray, ...array: Array<CSSInterpolation>) => import("@emotion/react").SerializedStyles;
    md: (template: TemplateStringsArray, ...array: Array<CSSInterpolation>) => import("@emotion/react").SerializedStyles;
    lg: (template: TemplateStringsArray, ...array: Array<CSSInterpolation>) => import("@emotion/react").SerializedStyles;
    xl: (template: TemplateStringsArray, ...array: Array<CSSInterpolation>) => import("@emotion/react").SerializedStyles;
};