import { ElementRef, OnInit, EventEmitter, QueryList } from '@angular/core';
import { CfCoreComponent } from '../core/core.component';
import { TabsModel } from '../../models/tabs/tabs.model';
import { TabsStylingModel } from '../../models/tabs/tabs-styling.model';
import { CfTabsCardComponent } from '../tabs-card/tabs-card.component';
import { TemplateService } from '../../services/template-service/template.service';
/**
 * <p>Tabs component based on Angular Material Tabs and Angular animations system</p>
 * <p>Example of using:</p>
 * <pre>
 * <code><</code>cf-tabs [properties]="myTabs" [styling]="myTabsStyles"<code>></code><code><</code><code>/</code>cf-tabs<code>></code>
 * </pre>
 */
export declare class CfTabsComponent extends CfCoreComponent implements OnInit {
    elementRef: ElementRef;
    /**
     * It is an attribute <b>[properties]</b> of directive <b>cf-tabs</b> which take TabsModel object.
     * <p>Example of model:</p>
     * <code><pre>{{'{'}}
     *  activeCardIndex: 3,
     *  showCardNumberAsIcon: true,
     *  showCardNumberAsPrefix: true,
     *  indexBefore: true,
     *  headerPosition: 'right'
     * {{'}'}}</pre></code>
     * <h4>activeCardIndex: number</h4>
     * Active card index
     * <h4>showCardNumberAsIcon: boolean</h4>
     * Showing step number as icon in tabs header steps buttons
     * <h4>showCardNumberAsPrefix: boolean</h4>
     * Showing step prefix as icon in tabs header steps buttons
     * <h4>indexBefore: boolean</h4>
     * Showing header step index (prefix or icon) before step label
     * <h4>headerPosition: string</h4>
     * Header position: above (default), right, below, left
     */
    properties: TabsModel;
    /**
     * It is an attribute <b>[styling]</b> of directive <b>cf-tabs</b> which take TabsStylingModel object with next properties:
     * <h4>headerSection: StylingModel</h4>
     * Styling properties for tabs header container
     * <h4>container: StylingModel</h4>
     * Styling properties for main tabs container
     */
    styling: TabsStylingModel;
    /**
     * Active card index
     */
    activeCardIndex: number;
    /**
     * If to show step number as icon in Tabs header steps buttons.
     */
    showCardNumberAsIcon: boolean;
    /**
     * If to show step number as prefix in Tabs header steps buttons.
     */
    showCardNumberAsPrefix: boolean;
    /**
     * If to show step number before the label.
     */
    indexBefore: boolean;
    /**
     * Header position: above (default), right, below, left.
     */
    headerPosition: string;
    /** @hidden
     * It is an array of tabs cards
     */
    tabsCards: QueryList<CfTabsCardComponent>;
    /**
     * Output event with active card index
     */
    onCardChanged: EventEmitter<CfTabsCardComponent>;
    /** @hidden */
    constructor(elementRef: ElementRef, /**@hidden */ templateService: TemplateService);
    /** @hidden */
    ngOnInit(): void;
    /** @hidden
     * Method to set active card index and emit event with it
     * @param index  active card index
     */
    _cardChanged(index: any): void;
}