@react95/core/cjs/ProgressBar/ProgressBar.cjs

Windows 95 styleguide

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const React = require("react");
const cn = require("classnames");
const Frame = require("../Frame/Frame.cjs");
const ProgressBar_css = require("./ProgressBar.css.cjs");
const ProgressBar = React.forwardRef(
  ({ width = "150px", percent = 0, ...rest }, ref) => /* @__PURE__ */ React.createElement(
    Frame.Frame,
    {
      ...rest,
      width,
      className: cn(ProgressBar_css.wrapper, rest.className),
      ref
    },
    /* @__PURE__ */ React.createElement(Frame.Frame, { className: ProgressBar_css.whiteBar, width }, `${percent}%`),
    /* @__PURE__ */ React.createElement(Frame.Frame, { className: ProgressBar_css.container, width: `${percent}%` }, /* @__PURE__ */ React.createElement(Frame.Frame, { className: ProgressBar_css.progress, width }, `${percent}%`))
  )
);
exports.ProgressBar = ProgressBar;