import { FlattenSimpleInterpolation } from 'styled-components';
export declare const breakpoints: {
    XL: number;
    L: number;
    M: number;
    S: number;
};
export declare const columns: {
    XL: number;
    L: number;
    M: number;
    S: number;
};
export declare const margins: {
    XL: number;
    L: number;
    M: number;
    S: number;
};
export declare const gutters: {
    XL: number;
    L: number;
    M: number;
    S: number;
};
export declare type MediaQueryFunction = (content: FlattenSimpleInterpolation | string) => FlattenSimpleInterpolation;
export declare type Breakpoint = keyof typeof breakpoints;
export declare const sizes: ("XL" | "L" | "M" | "S")[];
/**
 * Обертка над css-медиазапросами с заранее определенными брейкпоинтами.
 */
export declare const mediaQuery: (breakpoint: Breakpoint, deviceScale?: number) => MediaQueryFunction;