import { type HTMLAttributes } from 'react';
import { type OverrideClassName } from "../types/OverrideClassName";
export type ProgressBarColor = {
    color: 'blue' | 'green' | 'red' | 'yellow';
};
export type ProgressBarBaseProps = {
    /** A value that represents completed progress */
    value: number;
    /** A value that sets the maximum progress that can be achieved */
    max: number;
    /** Adds an animated state to indicate loading progress */
    isAnimating: boolean;
    subtext?: string;
    label?: string;
    isReversed: boolean;
} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, 'color'>>;
export type ProgressBarProps = ProgressBarBaseProps & ProgressBarColor;
/**
 * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |
 * {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}
 */
export declare const ProgressBar: {
    ({ value, max, isAnimating, color, subtext, label, classNameOverride, isReversed, ...restProps }: ProgressBarProps): JSX.Element;
    displayName: string;
};