From 53fb6909deba275632ee5455abdae0f56f155c0e Mon Sep 17 00:00:00 2001
From: Mil4n0r <morenocarmonaenrique@gmail.com>
Date: Wed, 8 May 2024 11:44:35 +0200
Subject: [PATCH] Added DxcTooltip to badge component

---
 lib/src/badge/Badge.tsx | 36 +++++++++++++++++++-----------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/lib/src/badge/Badge.tsx b/lib/src/badge/Badge.tsx
index f0a7feaf8..e8683ffdf 100644
--- a/lib/src/badge/Badge.tsx
+++ b/lib/src/badge/Badge.tsx
@@ -4,6 +4,7 @@ import BadgePropsType from "./types";
 import DxcFlex from "../flex/Flex";
 import CoreTokens from "../common/coreTokens";
 import DxcIcon from "../icon/Icon";
+import DxcTooltip from "../tooltip/Tooltip";
 
 const contextualColorMap = {
   grey: {
@@ -93,23 +94,24 @@ const DxcBadge = ({
   size = "medium",
 }: BadgePropsType): JSX.Element => {
   return (
-    <BadgeContainer
-      label={label}
-      mode={mode}
-      color={(mode === "contextual" && color) || undefined}
-      size={size}
-      title={title}
-      aria-label={title}
-    >
-      {(mode === "contextual" && (
-        <DxcFlex gap="0.125rem" alignItems="center">
-          {icon && (
-            <IconContainer size={size}>{typeof icon === "string" ? <DxcIcon icon={icon} /> : icon}</IconContainer>
-          )}
-          <Label label={label} notificationLimit={notificationLimit} size={size} />
-        </DxcFlex>
-      )) || <Label label={label} notificationLimit={notificationLimit} size={size} />}
-    </BadgeContainer>
+    <DxcTooltip label={title}>
+      <BadgeContainer
+        label={label}
+        mode={mode}
+        color={(mode === "contextual" && color) || undefined}
+        size={size}
+        aria-label={title}
+      >
+        {(mode === "contextual" && (
+          <DxcFlex gap="0.125rem" alignItems="center">
+            {icon && (
+              <IconContainer size={size}>{typeof icon === "string" ? <DxcIcon icon={icon} /> : icon}</IconContainer>
+            )}
+            <Label label={label} notificationLimit={notificationLimit} size={size} />
+          </DxcFlex>
+        )) || <Label label={label} notificationLimit={notificationLimit} size={size} />}
+      </BadgeContainer>
+    </DxcTooltip>
   );
 };