import { ComponentInterface } from '../../stencil-public-runtime';
import { BalBreakpointObserver, BalBreakpoints } from '../../utils/breakpoints';
import type { BalConfigObserver, BalConfigState } from '../../utils/config';
import { BalWindowResizeObserver } from '../../utils/resize';
import { HTMLStencilElement } from '../../stencil-public-runtime';
export declare class ProgressBar implements ComponentInterface, BalConfigObserver, BalBreakpointObserver, BalWindowResizeObserver {
    el: HTMLStencilElement;
    private animated;
    private lineEl?;
    private isTouch;
    /**
     * PUBLIC PROPERTY API
     * ------------------------------------------------------
     */
    /**
     * The value of the bar in percentage. So min is 0 and 100 would be the max value.
     */
    value: number;
    /**
     * The background color
     */
    background: BalProps.BalProgressBarBackground;
    /**
     * The progress bar color
     */
    color: BalProps.BalProgressBarColor;
    /**
     * LIFECYCLE
     * ------------------------------------------------------
     */
    componentDidRender(): void;
    /**
     * LISTENERS
     * ------------------------------------------------------
     */
    breakpointListener(_breakpoints: BalBreakpoints): void;
    windowResizeListener(): void;
    configChanged(state: BalConfigState): Promise<void>;
    /**
     * PRIVATE METHODS
     * ------------------------------------------------------
     */
    private updateProgress;
    /**
     * RENDER
     * ------------------------------------------------------
     */
    render(): any;
}
