added custom icons to the tooltip component

ita-social-projects · Nov 28, 2024 · e288a8f · e288a8f
1 parent c78c9b5
commit e288a8f
Showing 1 changed file with 6 additions and 2 deletions.
diff --git 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