feat: add bgColor prop to custom tooltip

Signed-off-by: Rudraksh Tyagi <[email protected]>
layer5io · May 20, 2024 · fc17ee2 · fc17ee2
1 parent 4fad0b5
commit fc17ee2
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/custom/CustomTooltip/customTooltip.tsx b/src/custom/CustomTooltip/customTooltip.tsx
@@ -10,6 +10,7 @@ type CustomTooltipProps = {
   fontSize?: string;
   fontWeight?: number;
   variant?: 'standard' | 'small';
+  bgColor?: string;
 } & Omit<TooltipProps, 'title' | 'onClick'>;
 
 function CustomTooltip({
@@ -20,14 +21,15 @@ function CustomTooltip({
   fontSize,
   fontWeight = 400,
   variant = 'small',
+  bgColor = CHARCOAL,
   ...props
 }: CustomTooltipProps): JSX.Element {
   return (
     <Tooltip
       componentsProps={{
         tooltip: {
           sx: {
-            background: CHARCOAL,
+            background: bgColor,
             color: WHITE,
             fontSize: fontSize || (variant === 'standard' ? '1rem' : '0.75rem'),
             fontWeight: { fontWeight },