import { EventEmitter } from '../../stencil-public-runtime';
import { Orientation } from '../types';
export interface IStepperItem {
    /** The color theme of the step */
    color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral';
    /** Custom content to display in the step indicator */
    content?: string;
    /** Custom CSS class to apply to the step */
    customClass?: string;
    /** Text label for the step */
    label?: string;
}
/**
 * Used to show a list of steps in a process.
 */
export declare class ModusWcStepper {
    private inheritedAttributes;
    /** Reference to the host element */
    el: HTMLElement;
    /** Custom CSS class to apply to the steps element. */
    customClass?: string;
    /** The orientation of the steps. */
    orientation?: Orientation;
    /** The steps to display. */
    steps: IStepperItem[];
    /** If true, steps will be rendered as buttons and emit `stepClick` when activated. */
    interactive?: boolean;
    /** Emitted with the 0-based step index when a step is activated and `interactive` is true. */
    stepClick: EventEmitter<{
        index: number;
    }>;
    componentWillLoad(): void;
    private getClasses;
    private getStepLabel;
    private getStepAriaLabel;
    private getClassesForStep;
    private handleStepActivate;
    render(): any;
}