From 033c409eaf0b94c7e94d666994f6a0d922a23279 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 05:53:20 +0000
Subject: [PATCH] completionId: cgen-41aa11c9062d46d19c0f22375a826993

cgen-41aa11c9062d46d19c0f22375a826993
---
 client/components/ui/toaster.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/client/components/ui/toaster.tsx b/client/components/ui/toaster.tsx
index 15178756..11730b32 100644
--- a/client/components/ui/toaster.tsx
+++ b/client/components/ui/toaster.tsx
@@ -13,18 +13,20 @@ export function Toaster() {
 
   return (
     <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, ...props }: any) {
-        const isArmVariant = props.variant === "arm" && props.accentColor;
+      {toasts.map(function (toast: any) {
+        const { id, title, description, action, variant, accentColor, ...props } = toast;
+        const isArmVariant = variant === "arm" && accentColor;
 
         return (
           <Toast
             key={id}
+            variant={variant}
             {...props}
             style={isArmVariant ? {
-              borderColor: `${props.accentColor}80`,
-              backgroundColor: `${props.accentColor}1A`,
-              color: props.accentColor,
-              boxShadow: `0 25px 50px -12px ${props.accentColor}33`,
+              borderColor: `${accentColor}80`,
+              backgroundColor: `${accentColor}1A`,
+              color: accentColor,
+              boxShadow: `0 25px 50px -12px ${accentColor}33`,
             } : undefined}
           >
             <div className="grid gap-1">