From 5f36b15fe390ab77956028637da1fe52bfbac12f Mon Sep 17 00:00:00 2001
From: johndoe6345789 <john.doe6345789@gmail.com>
Date: Mon, 29 Dec 2025 16:10:39 +0000
Subject: [PATCH] Update frontends/nextjs/src/components/ui/sonner.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 frontends/nextjs/src/components/ui/sonner.tsx | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/frontends/nextjs/src/components/ui/sonner.tsx b/frontends/nextjs/src/components/ui/sonner.tsx
index b70734cdf..9ee4c8d07 100644
--- a/frontends/nextjs/src/components/ui/sonner.tsx
+++ b/frontends/nextjs/src/components/ui/sonner.tsx
@@ -2,7 +2,24 @@
 
 /**
  * Sonner-compatible toast API using MUI Snackbar
- * Provides a drop-in replacement for the 'sonner' package
+ * Provides a drop-in replacement for the 'sonner' package.
+ *
+ * Usage:
+ *
+ * ```tsx
+ * import { Toaster, toast } from '@/components/ui/sonner'
+ *
+ * function App() {
+ *   return (
+ *     <>
+ *       <button onClick={() => toast('Default message')}>Show default toast</button>
+ *       <button onClick={() => toast.success('Saved!')}>Show success toast</button>
+ *       <button onClick={() => toast.error('Failed to save')}>Show error toast</button>
+ *       <Toaster />
+ *     </>
+ *   )
+ * }
+ * ```
  */
 
 import React, { createContext, useCallback, useContext, useEffect, useState } from 'react'