import 'react-perfect-scrollbar/dist/css/styles.css';
import React from 'react';
import { useRoutes } from 'react-router-dom';
import { ThemeProvider } from '@material-ui/core';
import { Provider } from 'react-redux';
import { createStore } from 'redux'
import { SnackbarProvider } from 'notistack';

import GlobalStyles from 'src/components/GlobalStyles';
import theme from 'src/theme';
import routes from 'src/routes';
import reducer from './reducer';
import {GoogleReCaptchaProvider} from "react-google-recaptcha-v3";

const App = () => {
    const routing = useRoutes(routes);
    const store = createStore(reducer);
    return (
        <Provider store={store}>
            <SnackbarProvider maxSnack={5}>
            <ThemeProvider theme={theme}>
                <GoogleReCaptchaProvider reCaptchaKey={process.env.REACT_APP_RECAPTCHA_KEY}>
                    <GlobalStyles />
                    {routing}
                </GoogleReCaptchaProvider>
            </ThemeProvider>
            </SnackbarProvider>
        </Provider>
    );
};

export default App;