From 545ed7f3145ce06590fe85f50c15b8c7307afccf Mon Sep 17 00:00:00 2001
From: Dhrubajyoti Chakraborty <61685945+codewdhruv@users.noreply.github.com>
Date: Tue, 28 May 2024 11:01:27 +0530
Subject: [PATCH] Update Arrows.tsx

---
 src/Arrows.tsx | 67 +++++++++++++++++---------------------------------
 1 file changed, 23 insertions(+), 44 deletions(-)

diff --git a/src/Arrows.tsx b/src/Arrows.tsx
index 53161f96..884238f6 100644
--- a/src/Arrows.tsx
+++ b/src/Arrows.tsx
@@ -1,55 +1,34 @@
 import * as React from "react";
-
 import { StateCallBack } from "./types";
 
-interface LeftArrowProps {
-  customLeftArrow?: React.ReactElement<any> | null;
-  getState: () => StateCallBack;
-  previous: () => void;
-}
-interface RightArrowProps {
-  customRightArrow?: React.ReactElement<any> | null;
-  getState: () => StateCallBack;
-  next: () => void;
-}
-
-const LeftArrow = ({
-  customLeftArrow,
-  getState,
-  previous
-}: LeftArrowProps): React.ReactElement<any> => {
-  if (customLeftArrow) {
-    return React.cloneElement(customLeftArrow, {
-      onClick: () => previous(),
-      carouselState: getState()
+const LeftArrow = (props: any): any => {
+  if (props.customLeftArrow) {
+    return React.cloneElement(props.customLeftArrow, {
+      onClick: () => props.previous(),
+      carouselState: props.getState()
+    });
+  } else {
+    return React.createElement("button", {
+      "aria-label": "Go to previous slide",
+      className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--left",
+      onClick: props.previous
     });
   }
-  return (
-    <button
-      aria-label="Go to previous slide"
-      className="react-multiple-carousel__arrow react-multiple-carousel__arrow--left"
-      onClick={() => previous()}
-    />
-  );
 };
-const RightArrow = ({
-  customRightArrow,
-  next,
-  getState
-}: RightArrowProps): React.ReactElement<any> => {
-  if (customRightArrow) {
-    return React.cloneElement(customRightArrow, {
-      onClick: () => next(),
-      carouselState: getState()
+
+const RightArrow = (props: any): any => {
+  if (props.customRightArrow) {
+    return React.cloneElement(props.customRightArrow, {
+      onClick: () => props.next(),
+      carouselState: props.getState()
+    });
+  } else {
+    return React.createElement("button", {
+      "aria-label": "Go to next slide",
+      className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--right",
+      onClick: props.next
     });
   }
-  return (
-    <button
-      aria-label="Go to next slide"
-      className="react-multiple-carousel__arrow react-multiple-carousel__arrow--right"
-      onClick={() => next()}
-    />
-  );
 };
 
 export { LeftArrow, RightArrow };