import { ElementRef, Renderer2 } from '@angular/core';

declare const BREAKPOINT_MOBILE = "(max-width: 703px)";
declare const BREAKPOINT_TABLET = "(min-width: 704px) and (max-width: 991px)";
declare const BREAKPOINT_DESKTOP = "(min-width: 992px) and (max-width: 1279px)";
declare const BREAKPOINT_XLARGE = "(min-width: 1280px) and (max-width: 1471px)";
declare const BREAKPOINT_2XLARGE = "(min-width: 1472px) and (max-width: 1759px)";
declare const BREAKPOINT_3XLARGE = "(min-width: 1760px)";

interface MappingObject {
    [key: string]: string;
}
declare class MappedStyles {
    private readonly mapping;
    protected readonly _elementRef: ElementRef;
    protected readonly _renderer: Renderer2;
    private readonly baseClasses;
    set classNames(value: string);
    get classNames(): string;
    private _classNames?;
    private _classNamesSanitized?;
    constructor(mapping: MappingObject, _elementRef: ElementRef, _renderer: Renderer2, baseClasses?: string[]);
}

export { BREAKPOINT_2XLARGE, BREAKPOINT_3XLARGE, BREAKPOINT_DESKTOP, BREAKPOINT_MOBILE, BREAKPOINT_TABLET, BREAKPOINT_XLARGE, MappedStyles };
export type { MappingObject };