import { ElementRef, SimpleChanges } from '@angular/core';
import { MatIcon } from '@angular/material';
export declare class SmartStyle {
    icon?: string;
    img?: string;
    css_class?: string | string[];
    text_styles?: any;
    icon_styles?: any;
    clickable?: boolean;
}
/**
 * Inline component to show a text label with an optional icon.
 * <br>
 * Useful to apply standardized styles across multiple components whilest keeping central control.
 */
export declare class StyledSpan {
    /**
     * The visual style to apply.
     * <ul>
     * <li>css_class: string | string[]: class name (or array of class names)</li>
     * <li>text_styles: css style object</li>
     * <li>icon_styles: css style object</li>
     * <li>clickable: boolean: enabled or disabled</li>
     * <li>icon: string: name of material icon</li>
     * <li>img: string: url of image to show instead of an icon</li>
     * </ul>
     */
    style: SmartStyle;
    span: ElementRef;
    icon: MatIcon;
    text: ElementRef;
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    apply(style: SmartStyle): void;
}