koval-ui/dist/src/lib/Progress/Progress.js

React components collection with minimalistic design. Supports theming, layout, and input validation.

"use client";
import { jsxs as o, jsx as c } from "react/jsx-runtime";
import { forwardRef as n } from "react";
import f from "classnames";
import { useInternalId as h } from "../../internal/hooks/useInternalId.js";
import s from "./Progress.module.css.js";
const N = n(
  ({ max: a = 100, value: m, className: l, variant: i = "plain", label: r, id: d, ...p }, t) => {
    const e = h(d);
    return /* @__PURE__ */ o("div", { className: s.wrapper, children: [
      r && /* @__PURE__ */ o("label", { className: s.label, htmlFor: e, children: [
        r,
        ":"
      ] }),
      /* @__PURE__ */ c(
        "progress",
        {
          ...p,
          id: e,
          max: a,
          value: m,
          className: f(
            s.progress,
            {
              [s.dashed]: i === "dashed"
              /* dashed */
            },
            l
          ),
          ref: t
        }
      )
    ] });
  }
);
N.displayName = "Progress";
export {
  N as Progress
};
//# sourceMappingURL=Progress.js.map