P toast 11

"use client";

import { Button } from "@/registry/default/ui/button";
import { toastManager } from "@/registry/default/ui/toast";

const ERROR_TOAST_ID = "coss-demo-error-upsert";

export default function Particle() {
  return (
    <Button
      onClick={() => {
        toastManager.add({
          description:
            "Repeated clicks update this toast; errors use a shake animation.",
          id: ERROR_TOAST_ID,
          title: "Something went wrong",
          type: "error",
        });
      }}
      variant="outline"
    >
      One Error Toast
    </Button>
  );
}