text: import React from 'react';
  import './App.css';
  import {useSelector, useDispatch} from 'react-redux';
  import {increment, decrement} from './actions';
  
  function App() {
  
    const counter = useSelector(state => state.counter);
    const isLogged = useSelector(state  => state.isLogged);
    const dispatch = useDispatch();
  
    return (
      <div className="App">
        
        <h1>Counter  {counter}</h1>
  
        <button onClick={() => dispatch(increment(5))}>+</button>
        <button onClick={() => dispatch(decrement())}>-</button>
  
        {isLogged ? 
        <h3>Valuable Info (should be seen when only loggedin)</h3>
        : 
        ''
        }
        
      </div>
    );
  }
  
  export default App;
  