From 716347655e320dc5dd77a275c687ef8f111f97c9 Mon Sep 17 00:00:00 2001
From: Ajoy Kumar Das <ajoykumardas08@gmail.com>
Date: Fri, 23 Feb 2024 01:02:38 +0530
Subject: [PATCH] feat: allow custom class in tooltip

---
 src/components/common/Tooltip/Tooltip.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/common/Tooltip/Tooltip.tsx b/src/components/common/Tooltip/Tooltip.tsx
index a3291900a..165ddec7d 100644
--- a/src/components/common/Tooltip/Tooltip.tsx
+++ b/src/components/common/Tooltip/Tooltip.tsx
@@ -5,10 +5,16 @@ type TooltipProps = {
     children: React.ReactNode;
     content: React.ReactNode;
     tooltipPosition?: React.CSSProperties;
+    customClass?: string;
 };
 type CurrClass = 'fade-in' | 'fade-out';
 
-const Tooltip = ({ children, content, tooltipPosition }: TooltipProps) => {
+const Tooltip = ({
+    children,
+    content,
+    tooltipPosition,
+    customClass,
+}: TooltipProps) => {
     const [currClass, setCurrClass] = useState<CurrClass>('fade-out');
     const toggleClass = () => {
         setCurrClass((prev) => (prev === 'fade-out' ? 'fade-in' : 'fade-out'));
@@ -19,7 +25,7 @@ const Tooltip = ({ children, content, tooltipPosition }: TooltipProps) => {
             {children}
             <span
                 data-testid="tooltip"
-                className={`${styles['tooltip']} ${styles[currClass]} `}
+                className={`${styles['tooltip']} ${styles[currClass]} ${customClass}`}
                 style={{ ...tooltipPosition }}
             >
                 {content}