import React from 'react';

class Counter extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      number: 0,
    };
  }

  render() {
    return (
      <div>
        <button onClick={this.decrement}>
          Decrement :(
        </button>

        {this.state.number}

        <button onClick={this.increment}>
          Increment!
        </button>
      </div>
    );
  }

  increment = () => {
    this.setState({
      number: this.state.number + 1,
    });
  }

  decrement = () => {
    this.setState({
      number: this.state.number - 1,
    });
  }
}

export default Counter;