feat(Message): support custom color for icon and title

LatitudeFinancialOSS · Oct 2, 2023 · 4f24f75 · 4f24f75
1 parent 64b37e3
commit 4f24f75
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/components/Message.js b/src/components/Message.js
@@ -35,6 +35,7 @@ const BACKGROUNDS = [
 
 const DEFAULT_PROPS = {
   bg: "grey.t10",
+  contentColor: null,
   hasBreakpointWidth: false,
 };
 
@@ -61,15 +62,18 @@ function Message(props) {
     role,
     children,
     testId,
+    contentColor,
   } = mergedProps;
   const theme = useTheme();
-  const textAndIconColor = [
-    "highlight.pink.t100",
-    "highlight.purple.t100",
-    "primary.blue.t100",
-  ].includes(bg)
-    ? "white"
-    : "black";
+  const textAndIconColor =
+    contentColor ||
+    ([
+      "highlight.pink.t100",
+      "highlight.purple.t100",
+      "primary.blue.t100",
+    ].includes(bg)
+      ? "white"
+      : "black");
   const switchLayoutAt = "md";
   const iconSize = 32;
   const distanceFromIcon = 8;