import { OnInit, ElementRef } from '@angular/core';
import { CfCoreComponent } from '../core/core.component';
import { ImageModel } from '../../models/image/image.model';
import { ImageStylingModel } from '../../models/image/image-styling.model';
import { TemplateService } from '../../services/template-service/template.service';
/**
 * <p>CF Image Component</p>
 * <pre>
 * <code>
 * import {{'{'}} ImageModel {{'}'}} from 'cedrus-fusion'
 * import {{'{'}} ImageStylingModel {{'}'}} from 'cedrus-fusion'
 * <code><</code>cf-image<code>></code><code><</code><code>/</code>cf-image<code>></code>
 * </code>
 * </pre>
 */
export declare class CfImageComponent extends CfCoreComponent implements OnInit {
    /**@hidden */ elementRef: ElementRef;
    /**@hidden */
    notificationClickable: string;
    /**
       * <pre>{{'{'}}
       *  display: boolean,      // Default: frue.
       *  disable: boolean,      // Default: false.
     *  label: string,         // Empty string by default.
       *  labelPosition: string, // Default: bottom.
       *  url: string            // Default: 'https: ....jpg'
       *{{'}'}}
       * </pre>
       * </pre>
       * <p>Example</p>
       * <pre>{{'{'}}
       *  display: true,
       *  label: 'Siberian Husky'
     *  labelPosition: 'left',
       *  url: 'https://github.com/Cedrusco/cedrus-fusion-lite/blob/master/src/demo/src/assets/images/siberian-husky.jpg?raw=true'
       *{{'}'}}
       * </pre>
     */
    properties: ImageModel;
    /**
        *<p> dynamicClass: function() -> string,	// Function that returns name of the class </p>
        *<p> class: string												// Name of the css class selector </p>
        *<p> themeColor: string										// primary/accent/warn </p>
        *<pre>
        *{{'{'}}
        *	// Container surrounding the Image
        *	container:{{'{'}}
        *		dynamicClass,
        *		class
        *	{{'}'}},
        *	// image styling
        *	image:{{'{'}}
        *		dynamicClass,
        *		class
        *	{{'}'}},
        *	// label styling
        *	label:{{'{'}}
        *		dynamicClass,
        *		class
        *	{{'}'}}
        *{{'}'}}
        * </pre>
        */
    styling: ImageStylingModel;
    /**
     * <p> The label of the image</p>
     */
    label: string;
    /**
     * <p> The label position of the image. Can be: top, bottom, right, left</p>
     */
    labelPosition: string;
    /**
     * <p> The url of the iamge.</p>
     */
    url: string;
    /** @hidden
     * It is function for creating Notification click events by using Core Component <b>notificationAction</b> event emmiter.
     * @param notification	it is json notification object
     */
    cfNotificationAction(notification: any): void;
    /**@hidden */
    constructor(/**@hidden */ elementRef: ElementRef, /**@hidden */ templateService: TemplateService);
    /** @hidden
     * <p> Initialize the proerties and styling object with the appropriate values.</p>
     */
    ngOnInit(): void;
}