import { MantineTheme } from "@mantine/core";
import { CSSProperties } from "react";
export type BreakpointValue = ((theme: MantineTheme) => string | number) | string | number;
export type BreakpointsList = {
    xl?: BreakpointValue;
    lg?: BreakpointValue;
    md?: BreakpointValue;
    sm?: BreakpointValue;
    xs?: BreakpointValue;
    [key: number]: BreakpointValue;
};
export declare function media(direction: "max" | "min", property: string, breakpointsList: BreakpointsList): string;
export declare namespace media {
    var min: any;
    var max: any;
}
export type ResponsiveProperty = {
    base?: BreakpointValue;
    sm?: BreakpointValue;
    md?: BreakpointValue;
    lg?: BreakpointValue;
    xl?: BreakpointValue;
    [key: number]: BreakpointValue;
};
export type StyleSheet = {
    [key in keyof CSSProperties]: string | number | ResponsiveProperty;
};
export declare function css(stylesheet: StyleSheet): any;
//# sourceMappingURL=responsive.d.ts.map