import { jsx as n } from "@emotion/react/jsx-runtime";
import { useMemo as c } from "react";
import { WrapperIconStyled as m, IconStyled as i } from "../../../../slots/StepperSlot.js";
import { pathIcons as u } from "../../../../icons.js";
import { useStepper as a } from "../../../../hooks/useStepper/index.js";
import { useEnvironment as f } from "@m4l/core";
function _() {
  const { steps: r, currentStep: t } = a((o) => ({
    steps: o.steps,
    currentStep: o.currentStep
  })), { host_static_assets: p, environment_assets: s } = f(), e = c(() => r[t], [r, t]);
  return /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(
    i,
    {
      color: "primary.enabled",
      src: e?.icon ? e.icon : `${p}/${s}/${u.patronum}`
    }
  ) });
}
export {
  _ as WrapperIcon
};
