spb/spb-cloud

1"use client";23import { Toaster } from "react-hot-toast";45export function DynamicToaster() {6  return (7    <Toaster8      position="bottom-right"9      gutter={8}10      containerStyle={{ bottom: "calc(1rem + env(safe-area-inset-bottom, 0px))" }}11      toastOptions={{12        duration: 3200,13        style: {14          background: "var(--toast-bg)",15          color: "var(--toast-color)",16          border: "1px solid var(--toast-border)",17          borderRadius: "14px",18          fontSize: "13.5px",19          fontWeight: 500,20          padding: "10px 14px",21          boxShadow: "var(--toast-shadow)",22          maxWidth: "min(92vw, 420px)",23        },24        success: { iconTheme: { primary: "rgb(16 185 129)", secondary: "#fff" } },25        error: { iconTheme: { primary: "rgb(244 63 94)", secondary: "#fff" } },26      }}27    />28  );29}30