completionId: cgen-3a19a1bc84f946f790af7685e03c83ea

cgen-3a19a1bc84f946f790af7685e03c83ea
This commit is contained in:
Builder.io 2025-11-13 05:51:41 +00:00
parent a92926e19f
commit db30df92a6

View file

@ -14,15 +14,18 @@ export function Toaster() {
return (
<ToastProvider>
{toasts.map(function ({ id, title, description, action, ...props }: any) {
const isArmVariant = props.variant === "arm" && props.accentColor;
return (
<Toast
key={id}
{...props}
style={{
...(props.accentColor && {
'--toast-arm-color': props.accentColor,
}),
} as React.CSSProperties}
style={isArmVariant ? {
borderColor: `${props.accentColor}80`,
backgroundColor: `${props.accentColor}1A`,
color: props.accentColor,
boxShadow: `0 25px 50px -12px ${props.accentColor}33`,
} : undefined}
>
<div className="grid gap-1">
{title && <ToastTitle>{title}</ToastTitle>}