feat(Alert): warning sentiment

kripod · Dec 15, 2023 · bb68cab · bb68cab
1 parent 08da35e
commit bb68cab
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/Alert.tsx b/src/components/Alert.tsx
@@ -1,17 +1,19 @@
 import {
   ExclamationTriangleIcon,
   InformationCircleIcon,
+  XCircleIcon,
 } from "@heroicons/react/24/solid";
 import { clsx } from "clsx";
 
 export interface AlertProps {
-  sentiment?: "neutral" | "danger";
+  sentiment?: "neutral" | "warning" | "danger";
   children?: React.ReactNode;
 }
 
 const iconBySentiment = {
   neutral: InformationCircleIcon,
-  danger: ExclamationTriangleIcon,
+  warning: ExclamationTriangleIcon,
+  danger: XCircleIcon,
 } satisfies Record<NonNullable<AlertProps["sentiment"]>, React.ComponentType>;
 
 export function Alert({ sentiment = "neutral", children }: AlertProps) {
@@ -23,6 +25,8 @@ export function Alert({ sentiment = "neutral", children }: AlertProps) {
       className={clsx("flex gap-x-2 rounded-2xl border p-4 text-base", {
         "border-ui-neutral-2 bg-ui-neutral-1 text-ui-neutral-5":
           sentiment === "neutral",
+        "border-ui-warning-2 bg-ui-warning-1 text-ui-warning-5":
+          sentiment === "warning",
         "border-ui-danger-2 bg-ui-danger-1 text-ui-danger-5":
           sentiment === "danger",
       })}