import React, { Suspense } from "react";
import Theme from "./components/Theme";
import App from "./components/App";
import { RecoilRoot } from "recoil";
import { ToastProvider } from "./components/Toasts";
import { AppConfigProvider } from "./components/AppConfig";
import { AuthProvider } from "./utils/auth-handlers/use-auth.js";
import { LabelHelpProvider } from "./components/LabelHelpView";
import { HotkeyStorageProvider } from "./components/HotkeyStorage";
import "./App.css";
import Loading from "./components/Loading"; // Importing Internalization file

import "./i18n";
export var AppWithContexts = function AppWithContexts() {
  return /*#__PURE__*/React.createElement(RecoilRoot, null, /*#__PURE__*/React.createElement(Suspense, {
    fallback: Loading
  }, /*#__PURE__*/React.createElement(Theme, null, /*#__PURE__*/React.createElement(AppConfigProvider, null, /*#__PURE__*/React.createElement(AuthProvider, null, /*#__PURE__*/React.createElement(LabelHelpProvider, null, /*#__PURE__*/React.createElement(ToastProvider, null, /*#__PURE__*/React.createElement(HotkeyStorageProvider, null, /*#__PURE__*/React.createElement(App, null)))))))));
};
export default AppWithContexts;