import React from "react";
import PropTypes from "prop-types";
import {connect} from "react-redux";
import { ADD_TODO } from "./actions";

class App extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      value: ''
    }
  }
  render() {
    const todoInput = e => {
      this.setState({value: e.target.value})
    };
    const clear = () => {
      this.setState({value: ''});
    };
    return (
      <div className="App">
        <input type="text" onChange={e => todoInput(e)} value={this.state.value} />
        <button onClick={() => clear()}>Add Todo</button>
      </div>
    );
  }
}

const mapStateToProps = state =>({
  items: state.items
})

export default connect(mapStateToProps, {ADD_TODO})(App);