import { DireProvider } from "./Context/DireContext";
import AppRoutes from "./router/AppRoutes";
import { ToastContainer } from "react-toastify";
import {  QueryClientProvider } from '@tanstack/react-query';
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
import { queryClient } from "./layouts/AuthLayout";
import  ModalProvider  from "./ModalProvider";



const App = () => {
  return (
    <div className="app">
      <QueryClientProvider client={queryClient}>
        <ModalProvider/>
        <DireProvider>
          <AppRoutes />
        </DireProvider>

        <ToastContainer />
        <ReactQueryDevtools initialIsOpen={false} />
      </QueryClientProvider>
    </div>
  );
};

export default App;