import { CSSResult } from 'lit';
export declare const desktop = 1600;
export declare const notebook = 1240;
export declare const tablet = 1024;
export declare const phablet = 600;
export declare const phone = 400;
export type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
export interface ICssForConstraints {
    maxWidth?: number;
    minWidth?: number;
}
export declare const cssForViewport: (cssArg: CSSResult, condition: string) => CSSResult;
export declare const cssForContainer: (cssArg: CSSResult, condition: string, containerName: string) => CSSResult;
export declare const cssForConstraint: (constraints: ICssForConstraints) => (cssArg: CSSResult) => CSSResult;
export declare const cssForConstraintContainer: (constraints: ICssForConstraints, containerName: string) => (cssArg: CSSResult) => CSSResult;
export declare const containerContextStyles: (containerName: string) => CSSResult;
export declare const cssForDesktop: (cssArg: CSSResult) => CSSResult;
export declare const cssForNotebook: (cssArg: CSSResult) => CSSResult;
export declare const cssForTablet: (cssArg: CSSResult) => CSSResult;
export declare const cssForPhablet: (cssArg: CSSResult) => CSSResult;
export declare const cssForPhone: (cssArg: CSSResult) => CSSResult;