import { createContext, useContext } from 'react'; export interface Toast { id: number; message: string; } interface ToastContextType { showToast: (message: string) => void; toasts: Toast[]; } export const ToastContext = createContext( undefined ); export const useToast = () => { const context = useContext(ToastContext); if (!context) { throw new Error('useToast must be used within a ToastProvider'); } return context; };