chore: fallback if no color is supplied to Badge

varianter · Nov 29, 2024 · ddc8fae · ddc8fae
1 parent 88c10e5
commit ddc8fae
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/src/components/badge/Badge.tsx b/src/components/badge/Badge.tsx
@@ -8,14 +8,13 @@ interface IBadge {
   textColor?: string;
 }
 
-const Badge = ({
-  children,
-  badgeColor = "#EAEAEA",
-  textColor = "#222424",
-}: IBadge) => {
+const DEFAULT_BADGE_COLOR = "#EAEAEA";
+const DEFAULT_TEXT_COLOR = "#222424";
+
+const Badge = ({ children, badgeColor, textColor }: IBadge) => {
   const badgeColors = {
-    backgroundColor: badgeColor,
-    color: textColor,
+    backgroundColor: badgeColor || DEFAULT_BADGE_COLOR,
+    color: textColor || DEFAULT_TEXT_COLOR,
   };
   return (
     <div className={styles.badgeWrapper} style={badgeColors}>