fui-fancyui/dist/src/components/molecules/FancyProgressBar/FancyProgressBar.js

FancyUI Libary

"use client";
import { jsxs as i, jsx as r } from "react/jsx-runtime";
import { useId as x } from "react";
import T from "../../atoms/ProgressBar/ProgressBar.js";
import n from "../../atoms/AlignedLabel/AlignedLabel.js";
import b from "../../atoms/Typography/Typography.js";
import { Wrapper as A } from "./FancyProgressBar.style.js";
function F(p) {
  const {
    progress: e,
    maxValue: m,
    id: a,
    label: o,
    labelAlign: y,
    progressAlign: c,
    progressCount: d,
    themeType: g = "primary",
    themeTypeText: t = "secondary",
    layer: h = 0,
    textLayer: s = 0,
    ...u
  } = p, f = x(), l = a || f;
  return /* @__PURE__ */ i(A, { $value: e, ...u, children: [
    o && /* @__PURE__ */ r(n, { htmlFor: l, themeType: t, align: y, layer: s, children: o }),
    /* @__PURE__ */ r(T, { id: l, progress: e, maxValue: m || 100, themeType: g, layer: h }),
    d && /* @__PURE__ */ r(n, { as: "span", align: c, themeType: t, layer: s, children: /* @__PURE__ */ i(b, { variant: "subTextCaption", children: [
      e,
      "%"
    ] }) })
  ] });
}
export {
  F as default
};