import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
import { TemplateResult } from 'lit';
import { default as CxStep } from '../step/step';

/**
 * @summary Steppers convey progress through numbered steps. It provides a wizard-like workflow. They guide users through a series of steps in a specific order.
 *
 * @description Steppers display progress through a sequence of logical and numbered steps.
 * They may also be used for navigation.
 * Steppers may display a transient feedback message after a step is saved.
 *
 * @slot step - Used for grouping steps in the stepper. Must be `<cx-step>` elements.
 */
export default class CxStepper extends CortexElement {
    static styles: import('lit').CSSResult[];
    static dependencies: {
        'cx-step': typeof CxStep;
    };
    private stepSlot;
    /**
     * Direction of stepper 'vertical' or 'horizontal'
     */
    direction: 'horizontal' | 'vertical';
    /**
     * Specifies the number of steps displayed per row in the stepper.
     */
    itemsPerRow: number;
    handleSlotChange(): void;
    render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-stepper': CxStepper;
    }
}
