import React from 'react';
import {BrowserRouter as Router, Route, Link} from 'react-router-dom'
import './App.css';
import Dashbord from '../Dashbord';
import Login from '../Login';
import Register from '../Register';
import { createStore } from 'redux';
import {Provider} from 'react-redux';

const initialState = {
  popup : 'nain',
}

const reducer = (state=initialState, action) => {
  if(action.type === 'CHANGE_POPUP'){
      return {
          ...state,
          popup:action.value
      }
  }

  if(action.type === 'CHANGE_ISSLOGIN'){
      return {
          ...state,
          isLogin:action.value
      }
  }
}

const store = createStore(reducer);


function App() {
  return (
    <Provider store={store}>

      <Router>
        <div>
        <nav>
          <ul>
            <li>
              <Link to="/">Home</Link>
            </li>
            <li>
              <Link to="/login">Login</Link>
            </li>
            <li>
              <Link to="/register">Register</Link>
            </li>
          </ul>
        </nav>

        <Route path="/"  exact component={Dashbord} />
        <Route path="/login" component={Login} />
        <Route path="/register" component={Register} />

      </div>
      </Router>
    </Provider>
  );
}

export default App;