import { ElementRef, Renderer2 } from '@angular/core';
import { TopLevelThemeRef } from './top-level-theme-ref.service';
import * as i0 from "@angular/core";
export type SapphireScale = 'sm' | 'md' | 'auto';
export declare class ThemeBaseDirective {
    private elementRef;
    private renderer;
    private themeRef;
    /**
     * Controls the overall size of the UI rendered inside the theme.
     *
     * - `'md'` _(default)_ — full size (no scaling).
     * - `'sm'` — reduces all rem-based sizes, making the UI more
     *   compact. Pixel-based values (border widths, radii) are unaffected.
     * - `'auto'` — automatically resolves to `'sm'` on non-touch devices whose
     *   viewport is narrower than the `xl` breakpoint (1400 px), and `'md'`
     *   otherwise. Pure CSS — no JavaScript involved.
     *
     * @default 'md'
     */
    scale?: SapphireScale;
    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2, themeRef: TopLevelThemeRef, parentTheme: ThemeBaseDirective);
    applyOnDomNode(element: HTMLElement): void;
    private getUniqueAttribute;
    equals(theme: ThemeBaseDirective): boolean;
    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeBaseDirective, [null, null, null, { optional: true; skipSelf: true; }]>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ThemeBaseDirective, "[_sp-theme-base]", never, { "scale": "scale"; }, {}, never, never, true, never>;
}