src/App.tsx

import { Toaster } from "@/components/ui/toaster";
import { Toaster as Sonner } from "@/components/ui/sonner";
import { TooltipProvider } from "@/components/ui/tooltip";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import { ThemeProvider } from "@/components/theme/ThemeProvider";
import Index from "./pages/Index";
import Transactions from "./pages/Transactions";
import AddTransaction from "./pages/AddTransaction";
import TransactionDetail from "./pages/TransactionDetail";
import Reports from "./pages/Reports";
import Settings from "./pages/Settings";
import NotFound from "./pages/NotFound";
import Messages from "./pages/Messages";
import StockManagement from "./pages/StockManagement";
import LowStockItems from "./pages/LowStockItems";

const queryClient = new QueryClient();

const App = () => (
  <QueryClientProvider client={queryClient}>

    <ThemeProvider defaultTheme="dark">

      <TooltipProvider>

        <div>

          <Toaster />

          <Sonner position="top-center" />

          <BrowserRouter>

            <Routes>

              <Route path="/" element={<Index />} />

              <Route path="/transactions" element={<Transactions />} />

              <Route path="/transactions/:id" element={<TransactionDetail />} />

              <Route path="/add-transaction" element={<AddTransaction />} />

              <Route path="/reports" element={<Reports />} />

              <Route path="/settings" element={<Settings />} />

              <Route path="/messages" element={<Messages />} />

              <Route path="/stock" element={<StockManagement />} />

              <Route path="/stock/low" element={<LowStockItems />} />

              <Route path="*" element={<NotFound />} />

            </Routes>

          </BrowserRouter>

        </div>

      </TooltipProvider>

    </ThemeProvider>

  </QueryClientProvider>
);

export default App;