import { ElementRef } from '@angular/core';
import { CdkStepHeader, StepState } from '@angular/cdk/stepper';
import * as i0 from "@angular/core";
/**
 * **QdPageStepHeader** renders the header of a single step. It is used quadrel-internally.
 */
export declare class QdPageStepHeaderComponent extends CdkStepHeader {
    protected readonly STEP_STATE: {
        NUMBER: string;
        EDIT: string;
        DONE: string;
        ERROR: string;
    };
    /** State of the given step. */
    state: StepState;
    /** Label of the given step. */
    label: string;
    /** Index of the given step. */
    index: number;
    /** Whether the given step is selected. */
    selected: boolean;
    /** Whether the given step label is active. */
    active: boolean;
    /** Whether the given step is optional. */
    optional: boolean;
    /** Whether the given step is not editable and completed. */
    locked: boolean;
    get stepNumber(): number;
    constructor(elementRef: ElementRef<HTMLElement>);
    static ɵfac: i0.ɵɵFactoryDeclaration<QdPageStepHeaderComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<QdPageStepHeaderComponent, "qd-page-step-header", never, { "state": { "alias": "state"; "required": false; }; "label": { "alias": "label"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "active": { "alias": "active"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; }, {}, never, never, true, never>;
}
//# sourceMappingURL=page-step-header.component.d.ts.map