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

Shared ClubMed React UI components

import { jsxs as w, jsx as n } from "react/jsx-runtime";
import { c as o } from "../chunks/index.js";
import { Button as c } from "./Buttons/Button.js";
const d = ({
  onNext: l,
  onPrev: m,
  nextLabel: p = "",
  prevLabel: u = "",
  disableNext: t,
  disablePrev: a,
  className: f,
  theme: r = "white",
  variant: s = "icon",
  iconType: e = "ArrowDefault",
  hideDisabled: i = !1
}) => /* @__PURE__ */ w(
  "div",
  {
    role: "navigation",
    className: o("flex w-full items-center justify-between", f),
    "data-name": "Arrows",
    children: [
      /* @__PURE__ */ n(
        c,
        {
          variant: s,
          theme: r,
          icon: `${e}Left`,
          className: o("pointer-events-auto me-auto transition-opacity", {
            "opacity-0": i && a
          }),
          onClick: m,
          label: u,
          disabled: a,
          groupName: "arrows"
        }
      ),
      /* @__PURE__ */ n(
        c,
        {
          variant: s,
          theme: r,
          icon: `${e}Right`,
          className: o("pointer-events-auto ms-auto transition-opacity", {
            "opacity-0": i && t
          }),
          onClick: l,
          label: p,
          disabled: t,
          groupName: "arrows"
        }
      )
    ]
  }
);
export {
  d as Arrows
};
//# sourceMappingURL=Arrows.js.map