A button that triggers a Sonner error toast with a title and description to notify users about a failed payment.
"use client"; import ToastComponent from "@/components/ui/toast3"; import { Toaster } from "sonner"; export default function Default() { return ( <div className="relative flex min-h-[320px] w-full flex-col items-center justify-center gap-6 p-8"> <ToastComponent /> <Toaster richColors position="bottom-center" /> </div> ); }