@cfx-dev/ui-components 5.0.22 → 5.0.23

package/dist/CarouselControls-CJ3tupLr.js

@@ -0,0 +1,41 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import _ from "./components/Flex/Flex.js";
+import { clsx as t } from "./utils/clsx.js";
+import c from "./components/IconButton/IconButton.js";
+const u = "cfxui__Carousel__carousel__5a3d0", i = "cfxui__Carousel__carouselItem__39b03", n = "cfxui__Carousel__carouselTrack__bda11", m = "cfxui__Carousel__controls__afa33", f = {
+  carousel: u,
+  carouselItem: i,
+  carouselTrack: n,
+  controls: m
+};
+function p({
+  currentPage: o,
+  pageCount: l,
+  onPageChange: s,
+  className: e
+}) {
+  return /* @__PURE__ */ a(_, { alignToEnd: !0, className: t(f.controls, e), children: [
+    /* @__PURE__ */ r(
+      c,
+      {
+        onClick: () => s(o - 1),
+        disabled: o <= 0,
+        name: "LeftChevron",
+        size: "medium"
+      }
+    ),
+    /* @__PURE__ */ r(
+      c,
+      {
+        onClick: () => s(o + 1),
+        disabled: o >= l - 1,
+        name: "RightChevron",
+        size: "medium"
+      }
+    )
+  ] });
+}
+export {
+  p as C,
+  f as s
+};