/** Core */
import { CoreComponent } from "cmf.core/src/core";
import * as ng from "@angular/core";
/** Command pattern */
import { WizardInvoker } from "./command/invoker";
/** Dependencies */
import { WizardStepDef } from "../wizardStep/wizardStepDef";
import { WizardBag } from "./wizardBag";
/**
 * The Wizard header component.
 * This component serves the header for the wizard with its title and steps to navigate
 *
 * ## Example
 *
 * Assume this HTML Template
 *
 * ```html
 *
 * <cmf-core-controls-wizard-header></cmf-core-controls-wizard-header>
 * ```
 *
 * Next we have the component's class
 *
 * ```javascript
 * @Core.Component(...)
 * @Core.View(...)
 *
 * export class MyHeader extends CoreComponent {
 *
 * constructor(loader: ng.DynamicComponentLoader, element: ng.ElementRef) {
 *   super(loader, element);
 *  }
 * }
 *
 * ```
 */
export declare class WizardHeader extends CoreComponent {
    private _elementRef;
    bag: WizardBag;
    private wizardInvoker;
    private detectorRef;
    private _zone;
    _activeStep: WizardStepDef;
    /**
    * @method constructor
    */
    constructor(_elementRef: ng.ElementRef, bag: WizardBag, wizardInvoker: WizardInvoker, detectorRef: ng.ChangeDetectorRef, _zone: ng.NgZone);
    /**
    * Jumps to a specific step that was clicked
    *
    * @param {Event} [event] click event
    * @param {WizardStepDef} [wizardStepDef] wizard that was selected to navigate to
    */
    onSelectStep(wizardStep: WizardStepDef): void;
}