From bfe780e0af9651aafadeeb763b656e0341898d61 Mon Sep 17 00:00:00 2001
From: Agusti Fernandez Pardo <6601142+agustif@users.noreply.github.com>
Date: Wed, 24 Aug 2022 10:37:46 +0200
Subject: [PATCH] fix add endIconClassName in button (#3893)

* fix add tooltip provider to tooltip

* fix: add endIconClassNames support for button as startIcon has

* fix: undo tooltip provder

Co-authored-by: Agusti Fernandez Pardo <git@agusti.me>
Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 packages/ui/Button.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/ui/Button.tsx b/packages/ui/Button.tsx
index f10066429b..b42448583b 100644
--- a/packages/ui/Button.tsx
+++ b/packages/ui/Button.tsx
@@ -14,6 +14,7 @@ export type ButtonBaseProps = {
   StartIcon?: SVGComponent;
   startIconClassName?: string;
   EndIcon?: SVGComponent;
+  endIconClassName?: string;
   shallow?: boolean;
 };
 export type ButtonProps = ButtonBaseProps &
@@ -32,6 +33,7 @@ export const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, ButtonPr
     size = "base",
     StartIcon,
     startIconClassName,
+    endIconClassName,
     EndIcon,
     shallow,
     // attributes propagated from `HTMLAnchorProps` or `HTMLButtonProps`
@@ -130,7 +132,9 @@ export const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, ButtonPr
           </svg>
         </div>
       )}
-      {EndIcon && <EndIcon className="-mr-1 inline h-5 w-5 ltr:ml-2 rtl:mr-2" />}
+      {EndIcon && (
+        <EndIcon className={classNames("-mr-1 inline h-5 w-5 ltr:ml-2 rtl:mr-2", endIconClassName || "")} />
+      )}
     </>
   );
   return props.href ? (