import { ObservableMap } from '@stencil/store';
import { METRO_LINE_DISPLAY_TYPES, METRO_LINE_STYLE } from "../../utils/enums";
import { MetroLineStoreState } from './store/metro-line-store';
export declare class SlMetroLine {
    el: HTMLSlMetroLineElement;
    /** Current active step in the line */
    activeStep: number;
    /** Display type in bullet */
    displayType: METRO_LINE_DISPLAY_TYPES | `${METRO_LINE_DISPLAY_TYPES}`;
    /** Style of the metro line */
    metroLineStyle: METRO_LINE_STYLE | `${METRO_LINE_STYLE}`;
    /** Display an icon on the left line for all step. This value override displayType */
    iconName?: string;
    /** Display a warning on the current active step */
    takeAction: boolean;
    store: ObservableMap<MetroLineStoreState>;
    handleActiveStepChange(newValue: number): void;
    handleDisplayTypeChange(newValue: METRO_LINE_DISPLAY_TYPES): void;
    handleIconNameChange(newValue: string): void;
    handleTakeActionChange(newValue: boolean): void;
    handleMetroLineStyleChange(newValue: METRO_LINE_STYLE): void;
    constructor();
    componentWillLoad(): void;
    render(): any;
}