import { BreakpointNames } from "styled-system";
import { ThemeBreakpoints } from "styled-system";
import { ObjectOrArray } from "styled-system";
/**
 * The logic is mobile first, so the first breakpoint is alway from 0 to the first declared one
 */
export declare const breakpointsMap: ThemeBreakpoints;
/**
 * create breakpoints aliases
 * The final structure will be an array which also has named properties
 *
 * https://styled-system.com/responsive-styles/#using-objects
 *
 */
declare const breakpoints: ObjectOrArray<string, keyof ThemeBreakpoints>;
export declare type MediaQueryMap = {
    [key in keyof ThemeBreakpoints]: string;
};
export declare type BaseMediaQueries = {
    down: (breakpoint: BreakpointNames) => string;
    up: (breakpoint: BreakpointNames) => string;
    between: (breakpointMin: BreakpointNames, breakpointMax: BreakpointNames) => string;
};
export declare type MediaQueries = BaseMediaQueries & MediaQueryMap;
export declare const baseMediaQueries: BaseMediaQueries;
export default breakpoints;