From 19160af7dfc25fe53f2ffed08f27847f6c21b870 Mon Sep 17 00:00:00 2001
From: danidfra <danielfilemondev@gmail.com>
Date: Mon, 4 Nov 2024 12:19:26 -0300
Subject: [PATCH] Change className "icon-button" to use only Tailwind

---
 src/components/icon-button.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/icon-button.tsx b/src/components/icon-button.tsx
index 4eb0dccca..610f2ba3c 100644
--- a/src/components/icon-button.tsx
+++ b/src/components/icon-button.tsx
@@ -66,9 +66,9 @@ const IconButton: React.FC<IIconButton> = ({
     }
   };
 
-  const classes = clsx(className, 'icon-button', {
-    active,
-    disabled,
+  const classes = clsx(className, 'inline-flex cursor-pointer items-center border-0 bg-transparent p-0 text-black opacity-40 transition-opacity duration-100 ease-in hover:opacity-60 hover:transition-colors hover:duration-200 focus:opacity-60 focus:outline-none focus:transition-colors focus:duration-200 dark:text-white', {
+    'opacity-60 outline-none transition-colors duration-200': active,
+    'opacity-20 cursor-default': disabled,
   });
 
   return (
@@ -89,10 +89,10 @@ const IconButton: React.FC<IIconButton> = ({
       disabled={disabled}
       type='button'
     >
-      <div>
+      <div className='flex items-center justify-center'>
         <Icon className={iconClassName} src={src} aria-hidden='true' />
       </div>
-      {text && <span className='icon-button__text'>{text}</span>}
+      {text && <span className='pl-0.5'>{text}</span>}
     </button>
   );
 };