refactor: update typing for tooltip

Author: eshankvaish

src/Shared/Components/Button/Button.component.tsx

@@ -66,16 +66,16 @@ const Button = ({
     endIcon = null,
     disabled = false,
     isLoading = false,
-    showTippy = false,
-    tippyContent = null,
+    showTooltip = false,
+    tooltipProps = {},
     type = 'button',
     ...props
 }: ButtonProps) => {
     const isDisabled = disabled || isLoading
     const iconClass = `dc__no-shrink flex dc__fill-available-space ${BUTTON_SIZE_TO_ICON_CLASS_NAME_MAP[size]}`
 
     return (
-        <Tooltip content={tippyContent} alwaysShowTippyOnHover={showTippy && !!tippyContent}>
+        <Tooltip {...tooltipProps} alwaysShowTippyOnHover={showTooltip && !!tooltipProps?.content}>
             <div>
                 <button
                     {...props}

src/Shared/Components/Button/types.ts

@@ -57,16 +57,16 @@ export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'childre
 } & (
         | {
               /**
-               * If true, the tippy is shown for the button
+               * If true, the tooltip is shown for the button
                */
-              showTippy: boolean
+              showTooltip: boolean
               /**
-               * Tippy content to be shown for use cases like disabled etc
+               * Props for tooltip
                */
-              tippyContent: TooltipProps['content']
+              tooltipProps: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate'>
           }
         | {
-              showTippy?: never
-              tippyContent?: never
+              showTooltip?: never
+              tooltipProps?: never
           }
     )