import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import { ThemeSwitcherProvider } from "react-css-theme-switcher";
import thunk  from 'redux-thunk';
// import { NavLink, BrowserRouter as Router,  Route, Switch  } from 'react-router-dom';



import AppWrapper from './components/AppWrapper';
import './assets/index.css';
import { reducers } from './reducers';
// import Signup from './components/Signup';

const store = createStore(reducers, applyMiddleware(thunk))

const themes = {
  dark: `${process.env.PUBLIC_URL}/dark-theme.css`, 
  light: `${process.env.PUBLIC_URL}/light-theme.css`,
};

ReactDOM.render(
  <Provider store={store}>
    <React.StrictMode>
        <ThemeSwitcherProvider themeMap={themes} defaultTheme="dark">
        {/* <Router basename="/signup">
        <Switch>
          <Route path="/signup" component={Signup} />
          <Route path="/" exact component={App} />
        </Switch>
        </Router> */}
        <AppWrapper />
        {/* <App /> */}
        </ThemeSwitcherProvider>
    </React.StrictMode>
  </Provider>,
  document.querySelector('#root')
);