@playbooks/ui/dist/progress-bars.cjs

An interface library for Playbooks.

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require$$0 = require("react/jsx-runtime");
const html = require("./toast-context-kVz4KXNu.cjs");
const ProgressBar = ({
  name = "ProgressBar",
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.progressBar();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const Progress = ({ name = "Progress", value = 0, tailwind, className, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.progress();
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, style: { width: `${value}%` } });
};
exports.Progress = Progress;
exports.ProgressBar = ProgressBar;