import { EventEmitter } from '../../stencil-public-runtime';
import { FlowItem } from './progress-flow.types';
/**
 * @exampleComponent limel-example-progress-flow-basic
 * @exampleComponent limel-example-progress-flow-secondary-text
 * @exampleComponent limel-example-progress-flow-disabled-step
 * @exampleComponent limel-example-progress-flow-colors
 * @exampleComponent limel-example-progress-flow-colors-css
 * @exampleComponent limel-example-progress-flow-off-progress-steps
 * @exampleComponent limel-example-progress-flow-narrow
 */
export declare class ProgressFlow {
    element: HTMLLimelProgressFlowElement;
    /**
     * What flow items to render
     */
    flowItems: FlowItem[];
    /**
     * Set to `true` to disable the progress flow.
     * Use `disabled` to indicate that the component can normally be interacted
     * with, but is currently disabled. This tells the user that if certain
     * requirements are met, the field may become enabled again.
     */
    disabled: boolean;
    /**
     * Disables the progress flow when `true`.
     * This does not visualize the component that much differently.
     * But since the component does not provide any feedback that users can
     * interact with the component, it makes it perfect for illustrative and
     * informative porpuses.
     */
    readonly: boolean;
    /**
     * Fired when a new value has been selected from the progress flow
     */
    change: EventEmitter<FlowItem>;
    private selectedItemIndex;
    componentDidRender(): void;
    componentDidLoad(): void;
    render(): any[][];
    private renderRegularFlowItem;
    private renderEndPhaseItem;
    private handleFlowItemClick;
    private getItemStyle;
    private scrollToSelectedItem;
    private getElementForSelectedItem;
    private triggerIconColorWarning;
}
//# sourceMappingURL=progress-flow.d.ts.map