@clubmed/trident-ui/ui/arrows/Arrows.js

Shared ClubMed React UI components

import { jsxs as w, jsx as p } from "react/jsx-runtime";
import { c as t } from "../../chunks/clsx.js";
import { ArrowButton as l } from "../buttons/ArrowButton.js";
const A = ({
  className: f,
  color: o,
  iconType: e = "ArrowDefault",
  isDisabledHidden: r = !1,
  isNextDisabled: n = !1,
  isPrevDisabled: a = !1,
  labels: i = {
    next: "",
    previous: ""
  },
  onNext: m,
  onPrev: u,
  size: s,
  theme: c,
  ...x
}) => /* @__PURE__ */ w(
  "div",
  {
    ...x,
    className: t(
      "pointer-events-none flex w-full items-center justify-between gap-x-20",
      f
    ),
    "data-name": "Arrows",
    children: [
      /* @__PURE__ */ p(
        l,
        {
          className: t("pointer-events-auto transition-opacity", {
            "opacity-0": r && a
          }),
          color: o,
          disabled: a,
          icon: `${e}Left`,
          onClick: u,
          size: s,
          theme: c,
          children: i.previous
        }
      ),
      /* @__PURE__ */ p(
        l,
        {
          className: t("pointer-events-auto transition-opacity", {
            "opacity-0": r && n
          }),
          color: o,
          disabled: n,
          icon: `${e}Right`,
          onClick: m,
          size: s,
          theme: c,
          children: i.next
        }
      )
    ]
  }
);
export {
  A as Arrows
};
//# sourceMappingURL=Arrows.js.map