@trellixio/roaster-coffee/lib/components/Progress/Progress.js

Beans' product component library

import React, { forwardRef } from 'react';
import { classNames } from '@/utils';
export const Progress = forwardRef(({ className, value, color, label }, ref) => {
    return (React.createElement("div", { className: classNames('progress-container', className), ref: ref },
        React.createElement("figure", { className: classNames('progress', color) },
            React.createElement("span", { className: "progress-level", style: { width: `${value}%` } })),
        React.createElement("p", { "data-role": "progress-value" }, label)));
});
Progress.displayName = 'Progress';