text: /*eslint-disable no-unused-vars */
  import React, { Component, PropTypes } from 'react'
  
  const Counter = ({ value, onIncrement, onDecrement, onIncrementFive, onIncrementIfOdd, clear, onIncrementAsync }) =>
    <div>
    <button onClick={onIncrementAsync}>
        Increment after 1 second
      </button>
      {' '}
      <button onClick={onIncrementFive}>
        Increment 5 value
      </button>
      {' '}
      <button onClick={onIncrement}>
        Increment
      </button>
      {' '}
      <button onClick={onDecrement}>
        Decrement
      </button>
      {' '}
      <button onClick={onIncrementIfOdd}>
        Increment 1 If Odd
      </button>
      {' '}
      <button onClick={clear}>
        Clear
      </button>
      <hr />
      <div>
        Clicked: {value} times
      </div>
    </div>
  
  Counter.propTypes = {
    value: PropTypes.number.isRequired,
    onIncrement: PropTypes.func.isRequired,
    onDecrement: PropTypes.func.isRequired
  }
  
  export default Counter
    
  