import * as i0 from "@angular/core";
import * as i1 from "../../common/sapphire-view-encapsulation";
/**
 * A container for Sapphire components that provides the theme's primary surface
 * background color, text color, and font family.
 *
 * @deprecated Use the `sp-theme-root` from `SapphireThemeModule` instead.
 * It replaces `sp-surface` without adding an extra DOM element:
 * ```html
 * <!-- before -->
 * <sp-surface variant="contrast">...</sp-surface>
 *
 * <!-- after -->
 * <sp-theme-root variant="contrast">...</sp-theme-root>
 * ```
 * Use `noSurface` to opt out of the surface background class.
 */
export declare class SurfaceComponent {
    variant?: 'primary' | 'secondary' | 'tertiary' | 'contrast';
    static ɵfac: i0.ɵɵFactoryDeclaration<SurfaceComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SurfaceComponent, "sp-surface", never, { "variant": "variant"; }, {}, never, ["*"], true, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
}