import { default as CxIcon } from '../../../atoms/src/components/icon/icon.ts';
import { default as CxResizeObserver } from '../../../atoms/src/components/resize-observer/resize-observer.ts';
import { default as CxStep } from '../../../atoms/src/components/step/step.ts';
import { default as CxStepper } from '../../../atoms/src/components/stepper/stepper.ts';
import { default as CortexElement } from '../../../base/src/cortex-element.ts';
import { StepData } from '../../../types/src/stepper-wizard';
import { CSSResultGroup, TemplateResult } from 'lit';

/**
 * @summary Displays a multi-step wizard built on top of the `<cx-stepper>` component.
 */
export default class CxStepperWizard extends CortexElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'cx-icon': typeof CxIcon;
        'cx-resize-observer': typeof CxResizeObserver;
        'cx-step': typeof CxStep;
        'cx-stepper': typeof CxStepper;
    };
    data: StepData[];
    maxWidth: number;
    minWidth: number;
    disabled: boolean;
    get columnCount(): number;
    handleResize(): void;
    render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-stepper-wizard': CxStepperWizard;
    }
}
