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

Beans' product component library

import React__default, { forwardRef } from 'react';
import { classNames } from '../../utils/classNames/index.js';
import '@floating-ui/react';

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

export { Progress };
//# sourceMappingURL=Progress.js.map