import { jsx as a } from "react/jsx-runtime";
import { Root as l, Indicator as n } from "@radix-ui/react-progress";
import { c as r } from "../../index-BtlgVD4m.js";
const f = ({ className: e, percent: s, variant: o = "default", ...t }) => {
  const i = {
    default: "bg-[var(--base-primary)]",
    highlight: "bg-[var(--base-highlight)]"
  };
  return /* @__PURE__ */ a(l, { className: r("relative h-2 w-full overflow-hidden rounded-full bg-[var(--base-secondary)]", e), ...t, children: /* @__PURE__ */ a(
    n,
    {
      className: r("h-full w-full flex-1 transition-all animate-pulse", i[o]),
      style: { transform: `translateX(-${100 - (s || 0)}%)` }
    }
  ) });
};
f.displayName = l.displayName;
export {
  f as default
};
//# sourceMappingURL=Progress.js.map
