@3sc/common-component 0.0.53 → 0.0.54

package/dist/index.es.js

@@ -19145,8 +19145,8 @@ var WI = function(t) {
 };
 const GI = Ku(ya)(({ theme: e }) => ({
   "& .MuiBadge-badge": {
-    right: -6,
-    top: 2,
+    right: -3,
+    top: 6,
     border: `1px solid ${e.palette.background.paper}`,
     padding: "0 2px",
     borderRadius: "50%",
@@ -19154,38 +19154,41 @@ const GI = Ku(ya)(({ theme: e }) => ({
     // Custom badge color
     color: "white",
     // Text color inside the badge
-    fontSize: "0.725rem"
+    fontSize: "0.725rem",
     // Adjusting font size for the badge,
     // lineHeight: "1rem",
-    // minWidth: "2.1rem",
-    // height: "2.1rem"
+    minWidth: "0.8rem",
+    height: "0.8rem"
   }
-})), zI = ({}) => /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
-  /* @__PURE__ */ x.jsxs(tt, { sx: {
-    gap: "0.5rem",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  }, children: [
-    /* @__PURE__ */ x.jsx(WI, {}),
-    /* @__PURE__ */ x.jsx(mt, { component: "span", className: "notify-title", children: "Notification" })
-  ] }),
-  /* @__PURE__ */ x.jsx(
-    GI,
+})), zI = ({ count: e }) => /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
+  /* @__PURE__ */ x.jsxs(
+    tt,
     {
-      badgeContent: "99+",
-      color: "error",
       sx: {
-        animation: "upDown 2s ease infinite",
-        "@keyframes upDown": {
-          "0%, 100%": {
-            transform: "translateY(0)"
-          },
-          "50%": {
-            transform: "translateY(-0.15rem)"
+        gap: "0.5rem",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      },
+      className: "icon-container",
+      children: [
+        /* @__PURE__ */ x.jsx(
+          WI,
+          {
+            style: {
+              scale: 2
+            }
           }
-        }
-      }
+        ),
+        /* @__PURE__ */ x.jsx(mt, { component: "span", className: "notify-title", children: "Notification" })
+      ]
+    }
+  ),
+  /* @__PURE__ */ x.jsx(
+    GI,
+    {
+      badgeContent: e > 0 ? "" : null,
+      color: "error"
     }
   )
 ] });