import { jsx as r } from "@emotion/react/jsx-runtime";
import { useStepperActions as b } from "../../../hooks/useStepperActions/index.js";
import { pathIcons as i } from "../../../icons.js";
import { useIsMobile as d } from "@m4l/graphics";
import { DICTIONARY as f } from "../../../dictionary.js";
import { useModuleDictionary as x, useEnvironment as I } from "@m4l/core";
import { IconButton as y } from "../../../../extended/mui/IconButton/IconButton.js";
import { Button as $ } from "../../../../extended/mui/Button/Button.js";
function g(s) {
  const { label: a, forceIsMobile: t, ...c } = s, { nextStepAction: p } = b(), m = d(), l = t !== void 0 ? t : m, { getLabel: u } = x(), { host_static_assets: o, environment_assets: e } = I(), n = async () => {
    await p();
  };
  return l ? /* @__PURE__ */ r(
    y,
    {
      type: "button",
      onClick: n,
      icon: `${o}/${e}/${i.arrowRight}`,
      "data-testid": "stepper-next-button",
      variant: "contained",
      color: "primary"
    }
  ) : /* @__PURE__ */ r(
    $,
    {
      type: "button",
      label: a || u(f.LABEL_NEXT_BUTTON),
      variant: "contained",
      color: "primary",
      onClick: n,
      endIcon: `${o}/${e}/${i.arrowRight}`,
      "data-testid": "stepper-next-button",
      ...c
    }
  );
}
export {
  g as StepperNextButton
};
