"use client";
import { jsxs as a, jsx as t } from "react/jsx-runtime";
import { cn as s } from "../../utils/cn/cn.es.js";
import o from "../../components/ProgressButton/progressButton.module.css";
import { EIconName as c } from "../Icon/constants.es.js";
import { Icon as d } from "../Icon/Icon.es.js";
const l = ({ orientation: i, icon: e, disabled: n = !1, onClick: r }) => /* @__PURE__ */ t(
  "button",
  {
    className: s(o.button, {
      [o.buttonLeft]: i === "left",
      [o.buttonRight]: i === "right"
    }),
    disabled: n,
    onClick: r,
    children: /* @__PURE__ */ t("div", { className: o.iconWrap, children: /* @__PURE__ */ t(d, { name: e, className: o.icon }) })
  }
), R = ({ invert: i = !1, left: e, right: n, className: r }) => /* @__PURE__ */ a(
  "div",
  {
    className: s(
      o.root,
      {
        [o.inverted]: i
      },
      r
    ),
    children: [
      /* @__PURE__ */ t(l, { orientation: "left", icon: c.ARROW_BACK, disabled: e.disabled, onClick: e.onClick }),
      /* @__PURE__ */ t("div", { className: s(o.divider, { [o.inverted]: i }) }),
      /* @__PURE__ */ t(
        l,
        {
          orientation: "right",
          icon: c.ARROW_FORWARD,
          disabled: n.disabled,
          onClick: n.onClick
        }
      )
    ]
  }
);
export {
  R as ProgressButton
};
