// routes
import Router from './routes';
// theme
import ThemeProvider from './theme';
// components
import Settings from './components/settings';
import RtlLayout from './components/RtlLayout';
import ScrollToTop from './components/ScrollToTop';
import { ProgressBarStyle } from './components/ProgressBar';
import ThemeColorPresets from './components/ThemeColorPresets';
import MotionLazyContainer from './components/animate/MotionLazyContainer';
import { SnackbarProvider } from 'notistack';
import { Provider } from 'react-redux';
import store from "./store"

// ----------------------------------------------------------------------

export default function App() {
  return (
      <Provider store={store}>
        <ThemeProvider>
        <SnackbarProvider>
        <ThemeColorPresets>
          <RtlLayout>
            <MotionLazyContainer>
              <ProgressBarStyle />
              {/* <Settings /> */}
              <ScrollToTop />
              <Router />
            </MotionLazyContainer>
          </RtlLayout>
        </ThemeColorPresets>
        </SnackbarProvider>
      </ThemeProvider>
      </Provider>
  );
}