import { jsx as r, jsxs as s } from "react/jsx-runtime";
const a = ({ value: e }) => {
  const t = e && typeof e == "number" && e > 100 ? 100 : e;
  return /* @__PURE__ */ r("div", { className: "_w-290 _relative _h-20", children: /* @__PURE__ */ s("svg", { className: "_h-full _w-full", viewBox: "0 0 100 100", children: [
    /* @__PURE__ */ r("circle", { className: "_stroke-current _text-gray-200", "stroke-width": "10", cx: "50", cy: "50", r: "40", fill: "transparent" }),
    /* @__PURE__ */ r(
      "circle",
      {
        className: "_progress-ring__circle _stroke-current _text-primary",
        strokeWidth: "10",
        strokeLinecap: "round",
        cx: "50",
        cy: "50",
        r: "40",
        fill: "transparent",
        "stroke-dashoffset": `calc(400 - (250 * ${t}) / 100`
      }
    ),
    /* @__PURE__ */ s("text", { x: "50", y: "50", "font-family": "Verdana", "font-size": "14", "text-anchor": "middle", "alignment-baseline": "middle", children: [
      t,
      "%"
    ] })
  ] }) });
};
export {
  a as default
};
