import { MatIconRegistry } from '@angular/material/icon';
import { DomSanitizer } from '@angular/platform-browser';
import { TsStyleThemeTypes } from '@terminus/ui/utilities';
/**
 * Currently supported custom icons
 */
export declare type TS_CUSTOM_ICON = `csv` | `engage` | `lightbulb` | `logo` | `logo_color` | `table_large_plus`;
/**
 * An array of supported custom icons.
 */
export declare const TS_CUSTOM_ICONS: TS_CUSTOM_ICON[];
/**
 * This is the icon UI Component
 *
 * #### QA CSS CLASSES
 * - `qa-icon`: Placed on the primary container
 *
 * @example
 * <ts-icon>home</ts-icon>
 * <ts-icon theme="warn">help</ts-icon>
 * <ts-icon svgIcon="left-arrow"></ts-icon>
 *
 * <example-url>https://getterminus.github.io/ui-demos-release/components/icon</example-url>
 */
export declare class TsIconComponent {
    private matIconRegistry;
    private domSanitizer;
    /**
     * Define if the icon should have a colored background.
     *
     * NOTE: This will affect layout and style.
     */
    background: boolean;
    /**
     * Define if the icon should be aligned inline with text
     */
    inline: boolean;
    /**
     * Name of the custom icon
     *
     * @param value
     */
    set svgIcon(value: TS_CUSTOM_ICON | undefined);
    get svgIcon(): TS_CUSTOM_ICON | undefined;
    private _svgIcon;
    /**
     * Define the icon theme
     */
    theme: TsStyleThemeTypes | undefined;
    constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer);
}