import { OnInit, ElementRef, EventEmitter } from '@angular/core';
import { ButtonModel } from '../../models/button/button.model';
import { WizardStepModel } from '../../models/wizard/wizard-step.model';
import { WizardStepStylingModel } from '../../models/wizard/wizard-step-styling.model';
import { CfCoreComponent } from '../core/core.component';
import { TemplateService } from '../../services/template-service/template.service';
/**
 * <p>Wizard Step component based on Angular Material Tabs and Angular animations system</p>
 * <p>Example of using:</p>
 * <pre>
 * <code><</code>cf-wizard-step [properties]="myWizard" [styling]="myWizardStyles"<code>></code><code><</code><code>/</code>cf-wizard-step<code>></code>
 * </pre>
 */
export declare class CfWizardStepComponent extends CfCoreComponent implements OnInit {
    /**@hidden */ elementRef: ElementRef;
    /**
     * It is an WizardStepModel object with options to be rendered into component template
     */
    cfWizardStep: WizardStepModel;
    /**
     * It is ButtonModel object for step button in wizard buttons
     */
    header: ButtonModel;
    /**
     * It is property for step valid state
     */
    isValid: boolean;
    /**
     * It is property for step hidden state
     */
    hidden: boolean;
    /**
     * It is an attribute <b>[properties]</b> of directive <b>cf-wizard-step</b> which take WizardStepModel object.
     * <p>Example of model:</p>
     * <pre>{
     *  header: this.myStepHeader
     *  isValid: true
     * }</pre>
     * <h4>header: ButtonModel</h4>
     * ButtonModel object for wizard step button
     * <h4>isValid: boolean</h4>
     * It means step valid state and disable state of wizard step button
     */
    properties: WizardStepModel;
    /**
     * It is an attribute <b>[styling]</b> of directive <b>cf-wizard-step</b> which take WizardStepStylingModel object with next properties:
     * <h4>container: StylingModel</h4>
     * Styling properties for main wizard container
     * <h4>header: ButtonStylingModel</h4>
     * Styling properties for wizard step button
     * <h4>iconIndex: StylingModel</h4>
     * Styling properties for wizard step index icon
     * <h4>prefixIndex: StylingModel</h4>
     * Styling properties for wizard step index prefix
     */
    styling: WizardStepStylingModel;
    /**
     * It is <b>(onNext)</b> attribute of <b>cf-wizard-step</b> component. Is emmiting event before go to next step.
     */
    onNext: EventEmitter<any>;
    /**
     * It is <b>(onPrev)</b> attribute of <b>cf-wizard-step</b> component. Is emmiting event before go to previous step.
     */
    onPrev: EventEmitter<any>;
    /**
     * It is <b>(onComplete)</b> attribute of <b>cf-wizard-step</b> component. Is emmiting event about finish wizard steps.
     */
    onComplete: EventEmitter<any>;
    /**
     * Private step active state
     */
    private _isActive;
    /**
     * Step disabled state
     */
    isDisabled: boolean;
    /**
     * Wizard animation state
     */
    wizardAnimationState: string;
    /**
     * Step animation state
     */
    stepAnimationState: string;
    /**@hidden */
    constructor(/**@hidden */ elementRef: ElementRef, /**@hidden */ templateService: TemplateService);
    /**
     * Init all component data
     */
    ngOnInit(): void;
    /**
     * Checking if step is active state
     */
    /**
     * Step input for active state
     */
    isActive: boolean;
}
