import React from 'react';
import ReactDOM from 'react-dom'
import { createStore } from 'redux'

const Counter = ({ value, onIncrement, onDecrement }) => (
    <div>
        <h1>{value}</h1>
        <button onClick={onIncrement}>+</button>
        <button onClick={onDecrement}>-</button>
    </div>
);

const reducer = (state = 0, action) => {
    switch (action.type) {
        case 'INCREMENT': return state + 1;
        case 'DECREMENT': return state - 1;
        default: return state;
    }
};

const store = createStore(reducer);


class Basic extends React.Component {

    constructor() {
        super();
        this.state = {
            isShowAll: false
        }

    }

    render() {
        return (
            <Counter
                value={store.getState()}
                onIncrement={() => store.dispatch({type: 'INCREMENT'})}
                onDecrement={() => store.dispatch({type: 'DECREMENT'})}
            />
        )
    }



}

store.subscribe(Basic);

export default Basic;