// frontend/src/main.tsx
import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.tsx'
import './index.css'
import { Toaster } from 'react-hot-toast' // Importamos el Toaster

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <App />
    <Toaster
      position="bottom-right" // Posición de las notificaciones
      toastOptions={{
        // Estilos por defecto para las notificaciones
        success: {
          style: {
            background: '#28a745',
            color: 'white',
          },
        },
        error: {
          style: {
            background: '#dc3545',
            color: 'white',
          },
        },
      }}
    />
  </React.StrictMode>,
)