import * as React from "react";
export interface ProgressBarDatum {
    percentage: number;
    color?: React.CSSProperties["fill"];
}
export declare enum ProgressBarSizes {
    LARGE = "large",
    DEFAULT = "default"
}
export interface ProgressBarProps {
    /**
     * A very short description of the data being presented
     */
    caption?: React.ReactNode;
    /**
     * Objects that define the proportion and color of segments in the progress bar
     */
    data: ProgressBarDatum[];
    /**
     * Whether the data being represennted is still being calculated or is related to a task that is still in-flight
     */
    isProcessing?: boolean;
    /**
     * The primary piece of data being represented
     */
    value?: React.ReactNode;
    /**
     * Shows the progress bar and value on the same line, and hides the caption above the progress bar.
     */
    isCondensedLayout?: boolean;
    /**
     * Which size variant to use
     */
    size?: ProgressBarSizes;
    /**
     * Human-readable selector used for writing tests
     */
    "data-cy"?: string;
}
declare const ProgressBar: ({ caption, data, value, size, isProcessing, isCondensedLayout, "data-cy": dataCy }: ProgressBarProps) => React.JSX.Element;
export default ProgressBar;