import * as React from "react";

import { Router } from "./router";
import { CustomTheme } from "@shared";
import { ThemeProvider } from "@mui/material/styles";
import { ToastContainer } from "react-toastify";
import { GlobalErrorBoundary } from "./GlobalErrorBoundary";
import { TestingModeBanner } from "@widgets";

export const App: React.FC = () => (
  <GlobalErrorBoundary>
    <ThemeProvider theme={CustomTheme.Light}>
      <TestingModeBanner />
      <ToastContainer />
      <Router />
    </ThemeProvider>
  </GlobalErrorBoundary>
);
