import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';
import { ToastProvider } from './components/ui/Toast';
import { CategoriesProvider } from './context/CategoriesContext';
import App from './App.jsx';
import 'leaflet/dist/leaflet.css';
import './index.css';

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <BrowserRouter>
      <ToastProvider>
        <CategoriesProvider>
          <App />
        </CategoriesProvider>
      </ToastProvider>
    </BrowserRouter>
  </StrictMode>,
);