import { toast as sonnerToast, Toaster as SonnerToaster } from 'sonner'
import { useUIStore } from '@/lib/store'

// Re-export Sonner's Toaster with theme-aware styling
export function Toaster() {
  const theme = useUIStore((s) => s.theme)
  return (
    <SonnerToaster
      position="bottom-right"
      toastOptions={{
        className: 'bg-elevated border border-border-default text-text-primary rounded-[var(--radius-control)]',
        descriptionClassName: 'text-text-secondary',
      }}
      theme={theme}
    />
  )
}

// Preserve existing toast() API for backward compatibility
// The app calls: toast({ title: '...', description: '...', variant: 'destructive' })
interface ToastOptions {
  title: string
  description?: string
  variant?: 'default' | 'destructive'
}

// eslint-disable-next-line react-refresh/only-export-components
export function toast(options: ToastOptions) {
  if (options.variant === 'destructive') {
    sonnerToast.error(options.title, {
      description: options.description,
    })
  } else {
    sonnerToast.success(options.title, {
      description: options.description,
    })
  }
}