text: import React from 'react';
  import 'semantic-ui-css/semantic.min.css';
  import { BrowserRouter, Switch, Route } from 'react-router-dom';
  import { createStore, applyMiddleware } from 'redux';
  import { Provider } from 'react-redux';
  import reduxThunk from 'redux-thunk';
  
  import './App.css';
  
  import reducer from './reducers';
  import Login from './pages/Login';
  import Home from './pages/Home';
  import PokemonPage from './pages/PokemonPage';
  
  const store = createStore(reducer, {}, applyMiddleware(reduxThunk));
  
  function App() {
    return (
      <Provider store={store}>
        <div className="App">
          <BrowserRouter>
            <Switch>
              <Route exact path="/" component={Home} />
              <Route exact path="/login" component={Login} />
              <Route exact path="/pokemon/:id" component={PokemonPage} />
            </Switch>
          </BrowserRouter>
        </div>
      </Provider>
    );
  }
  
  export default App;
  