import { b9 as g, cA as u, bv as p, bB as d, cD as h, U as b, V as t, P as n, bh as m, bi as r, bj as a, a0 as s, bg as i, bl as f, bn as w, bo as l, bG as $, co as C, ca as x, cb as v, cC as y } from "./684d2f28.js";
import { useContext as c } from "react";
import "react-dom";
const P = (o) => C`
    line-height: 2;
    .ant-progress-text {
      color: ${o.text};
      font-style:${o.fontStyle};
        font-family:${o.fontFamily};
        font-weight:${o.textWeight};
        font-size:${o.textSize};
    }
    width: ${x(o.margin)};	
    height: ${v(o.margin)};	
    margin: ${o.margin};	
    padding: ${o.padding};
    .ant-progress-inner {
      background-color: ${o.track};
      .ant-progress-bg {
        background-color: ${o.fill};
      }
    }
    &.ant-progress-status-success {
      .ant-progress-bg {
        background-color: ${o.success};
      }
      .ant-progress-text {
        color: ${o.success};
      }
    }
  `, S = g(y)`
  ${(o) => o.$style && P(o.$style)}
`, I = function() {
  const o = {
    value: u("value", 60),
    showInfo: p,
    style: d(h)
  };
  return new b(o, (e) => /* @__PURE__ */ t(S, {
    percent: Math.round(e.value.value),
    showInfo: e.showInfo,
    $style: e.style
  })).setPropertyViewFn((e) => /* @__PURE__ */ n(m, {
    children: [/* @__PURE__ */ t(r, {
      name: a.basic,
      children: e.value.propertyView({
        label: s("progress.value"),
        tooltip: s("progress.valueTooltip")
      })
    }), ["logic", "both"].includes(c(i).editorModeStatus) && /* @__PURE__ */ n(r, {
      name: a.interaction,
      children: [f(e), e.showInfo.propertyView({
        label: s("progress.showInfo")
      })]
    }), ["layout", "both"].includes(c(i).editorModeStatus) && /* @__PURE__ */ t(r, {
      name: a.style,
      children: e.style.getPropertyView()
    })]
  })).build();
}(), M = w(I, [new l("value", s("progress.valueDesc")), new l("showInfo", s("progress.showInfoDesc")), $]);
export {
  M as ProgressComp,
  S as ProgressStyled
};
