From e288a8fb0a3c4a07b061adbda1ed2068505db911 Mon Sep 17 00:00:00 2001
From: markgol777 <markgol777@gmail.com>
Date: Thu, 28 Nov 2024 14:20:57 +0100
Subject: [PATCH] added custom icons to the tooltip component

---
 src/design-system/components/tooltip/Tooltip.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/design-system/components/tooltip/Tooltip.tsx b/src/design-system/components/tooltip/Tooltip.tsx
index 06fdaaa5d..8ccaecdcc 100644
--- a/src/design-system/components/tooltip/Tooltip.tsx
+++ b/src/design-system/components/tooltip/Tooltip.tsx
@@ -9,13 +9,15 @@ type TooltipProps = {
   title: string
   description?: string
   position: 'up' | 'down' | 'right' | 'left' | 'none'
+  icon?: React.ReactNode
 }
 
 const ToolTip: React.FC<TooltipProps> = ({
   variant,
   title,
   description,
-  position
+  position,
+  icon
 }) => {
   const textContent = (
     <Box className='s2s-tooltip-text-container'>
@@ -24,7 +26,9 @@ const ToolTip: React.FC<TooltipProps> = ({
     </Box>
   )
 
-  const iconContent = <DoneIcon className='s2s-tooltip-icon' />
+  const iconContent = (
+    <Box className='s2s-tooltip-icon'>{icon || <DoneIcon />}</Box>
+  )
 
   return (
     <Box