import { jsx as b } from "react/jsx-runtime";
import { useMemo as f } from "react";
import { c as B, s as u, a as x } from "../tools/tools.js";
const P = function(l) {
  const {
    animated: a,
    as: m = "div",
    bg: s,
    className: e,
    dropOldClass: o,
    now: r,
    striped: t,
    style: n,
    variables: i,
    ...p
  } = l, c = f(() => {
    const d = B(
      !o && "progress-bar",
      s && `bg-${s}`,
      t && "progress-bar-striped",
      a && "progress-bar-animated",
      e
    ), g = u(
      (C, y) => ({ tKey: x(y) }),
      {
        width: r && `${r}%`
      },
      i,
      n
    );
    return {
      className: d,
      style: g
    };
  }, [a, s, e, o, r, t, n, i]);
  return /* @__PURE__ */ b(m, { ...p, ...c });
};
P.displayName = "BRL.ProgressBar";
export {
  P
};
//# sourceMappingURL=progress-bar.js.map
