import React from "react";
import { Route, Routes } from "react-router-dom";
import "../scss/settings/settings.scss";
import WebexSettings from "../components/settings/WebexSettings";
import 'react-toastify/dist/ReactToastify.css';
import { ToastContainer, toast } from 'react-toastify';
import { WemeetAdminProvider } from "./WemeetAdminContext";
import GetProModal from "../components/common/GetProModal";


function SettingsApp() {

  return (
    <>
     <WemeetAdminProvider>
        <Routes>
          <Route path="/" element={<WebexSettings />} />
        </Routes>
        <GetProModal />
      </WemeetAdminProvider>

      <ToastContainer
        position="top-right"
        autoClose={3000}
        hideProgressBar={false}
        newestOnTop={false}
        closeOnClick
        rtl={false}
        pauseOnFocusLoss
        draggable
        pauseOnHover
        theme="light"
        style={{ marginTop: '30px' }}
      />
    </>
  );
}

export default SettingsApp;