From 81e4da1d361602887cf8301e13edc874feb7906b Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Thu, 18 Jan 2024 14:38:25 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F(react)=20add=20colorFromType?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This utils allows to give the appropriate color palette for each
AlertType | ToastType value.
---
 packages/react/src/components/Alert/Utils.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/react/src/components/Alert/Utils.tsx b/packages/react/src/components/Alert/Utils.tsx
index 044e4aa..78aa523 100644
--- a/packages/react/src/components/Alert/Utils.tsx
+++ b/packages/react/src/components/Alert/Utils.tsx
@@ -37,6 +37,21 @@ export const iconFromType = (type?: AlertType | ToastType) => {
   }
 };
 
+export const colorFromType = (type?: AlertType | ToastType) => {
+  switch (type) {
+    case AlertType.INFO:
+      return "info";
+    case AlertType.SUCCESS:
+      return "success";
+    case AlertType.WARNING:
+      return "warning";
+    case AlertType.ERROR:
+      return "danger";
+    default:
+      return "neutral";
+  }
+};
+
 export const AlertIcon = ({ type, ...props }: AlertProps) => {
   const icon = useMemo(() => iconFromType(type), [type]);
   if (props.icon) {