'use client'

import { Toaster as SonnerToaster, toast as sonnerToast } from 'sonner'

// Re-export toast functions from Sonner
export const toast = sonnerToast

// Toaster component with custom styles
export function Toaster() {
  return (
    <SonnerToaster
      position="top-right"
      expand={false}
      richColors
      closeButton
      duration={3000}
      className="toaster"
      toastOptions={{
        classNames: {
          toast: 'toast pointer-events-auto',
          description: 'toast-description',
          actionButton: 'toast-action-button',
          closeButton: 'toast-close-button',
        },
      }}
    />
  )
}
