import { jsx as r } from "react/jsx-runtime";
import d from "../../utils/classNames.js";
import g from "../tooltip/Tooltip.js";
import f from "../overlay/OverlayTrigger.js";
import { TOP as u } from "./StatusBarConstants.js";
const x = (e) => {
  const {
    index: t,
    progress: { className: i, color: a, percentage: l = 0, tooltip: o, tooltipDelay: p = 50, tooltipPosition: m = u },
    useProgressDivider: n
  } = e, c = d(
    "progress-bar",
    a ?? "progress-bar-info",
    n && "progress-divider",
    i
  ), s = /* @__PURE__ */ r("div", { className: c, style: { width: `${l}%` } });
  return o ? /* @__PURE__ */ r(
    f,
    {
      placement: m,
      overlay: /* @__PURE__ */ r(g, { id: `tooltip-${t}`, width: "auto", children: o }),
      delay: p,
      children: s
    }
  ) : s;
};
export {
  x as StatusBarProgressBar,
  x as default
};
//# sourceMappingURL=StatusBarProgressBar.js.map
