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

LatitudeFinancialOSS · Oct 2, 2023 · c6dc366 · c6dc366
1 parent 64b37e3
commit c6dc366
Showing 1 changed file with 3 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,10 @@ 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;