import { ToastProvider, useToast } from "@/components/profile"

// Wrap app in provider
function App() {
  return (
    <ToastProvider>
      <MyComponent />
    </ToastProvider>
  )
}

// Use the hook
function MyComponent() {
  const { addToast } = useToast()
  
  return (
    <button onClick={() => addToast({ 
      message: "Success!", 
      type: "success" 
    })}>
      Show Toast
    </button>
  )
}