/**
 * @name ProgressBar
 *
 * @description
 *  A progress bar component that will render the appropriate styles for displaying progress by a width percent.  See
 *  the teamsnap patterns library for more information https://teamsnap-ui-patterns.netlify.com/patterns/components/progress-bar.html
 *
 * @example
 * <ProgressBar
 *   title='Percentage Paid'
 *   type='negative'
 *   size='small'
 *   width='40%' />
 *
 */
import * as React from "react";
import * as PropTypes from "prop-types";
declare class ProgressBar extends React.PureComponent<PropTypes.InferProps<typeof ProgressBar.propTypes>, any> {
    static propTypes: {
        progress: PropTypes.Requireable<number>;
        size: PropTypes.Requireable<string>;
        color: PropTypes.Requireable<string>;
        isPrecise: PropTypes.Requireable<boolean>;
        isVertical: PropTypes.Requireable<boolean>;
        className: PropTypes.Requireable<string>;
        mods: PropTypes.Requireable<string>;
        style: PropTypes.Requireable<object>;
        otherProps: PropTypes.Requireable<object>;
    };
    static defaultProps: {
        progress: number;
        size: any;
        color: any;
        isPrecise: boolean;
        isVertical: boolean;
        className: string;
        mods: any;
        style: {};
        otherProps: {};
    };
    render(): JSX.Element;
}
export default ProgressBar;