import { FlattenSimpleInterpolation, CSSObject } from 'styled-components';

declare const breakpoints: {
    readonly xxs: {
        readonly width: 0;
        readonly margin: 20;
        readonly gutter: 16;
    };
    readonly xs: {
        readonly width: 360;
        readonly margin: 20;
        readonly gutter: 16;
    };
    readonly sm: {
        readonly width: 480;
        readonly margin: 20;
        readonly gutter: 16;
    };
    readonly md: {
        readonly width: 768;
        readonly margin: 20;
        readonly gutter: 16;
    };
    readonly lg: {
        readonly width: 1024;
        readonly margin: 71;
        readonly gutter: 24;
    };
    readonly xl: {
        readonly width: 1200;
        readonly margin: 71;
        readonly gutter: 24;
    };
    readonly xxl: {
        readonly width: 1366;
        readonly margin: 71;
        readonly gutter: 24;
    };
    readonly xxxl: {
        readonly width: 1600;
        readonly margin: 71;
        readonly gutter: 24;
    };
};
declare type BreakpointsType = typeof breakpoints;
declare type BreakpointsKey = keyof BreakpointsType;

declare type Width = BreakpointsKey | BreakpointsKey[];
declare type Media = {
    not: MediaProps;
} & MediaProps;
declare type Matcher = (width: Width, isNot?: boolean, range?: 'min' | 'max') => Match;
declare type Hide = {
    [key in BreakpointsKey | StartBreakPoints]?: FlattenSimpleInterpolation;
};
declare type Entries<T> = {
    [K in keyof T]: [K, T[K]];
}[keyof T][];
declare type StartBreakPoints = 'xxs-start' | 'xs-start' | 'sm-start' | 'md-start' | 'lg-start' | 'xl-start' | 'xxl-start' | 'xxxl-start';
declare type MediaProps = {
    hide: Hide;
    max: Max;
    between: Between;
} & MappedType;
declare type MappedType = {
    [key in BreakpointsKey]: Match;
};
declare type Max = (width: Width) => Match;
declare type Between = (min: BreakpointsKey, max: BreakpointsKey) => Match;
declare type Match = (first: TemplateStringsArray | CSSObject, ...interpolations: any[]) => FlattenSimpleInterpolation;

export { Between, Entries, Hide, Matcher, Media, Width };