text: import React, { Component, PropTypes } from 'react';
  
  
  export default class Counter extends Component {
  
    static propTypes = {
      increment: PropTypes.func.isRequired,
      incrementIfOdd: PropTypes.func.isRequired,
      incrementAsync: PropTypes.func.isRequired,
      decrement: PropTypes.func.isRequired,
      counter: PropTypes.number.isRequired
    }
  
    render() {
      const { increment, incrementIfOdd, incrementAsync, decrement, counter } = this.props;
      return (
        <p>
          Clicked: {counter} times
          {' '}
          <button onClick={increment}>+</button>
          {' '}
          <button onClick={decrement}>-</button>
          {' '}
          <button onClick={incrementIfOdd}>Increment if odd</button>
          {' '}
          <button onClick={() => incrementAsync()}>Increment async</button>
        </p>
      );
    }
  }
  