// Task component: represents a single todo item.

Task = React.createClass({
  propTypes: {
    // This component gets the task to display through a React prop.
    // We can use propTypes to indicate it is required.
    task: React.PropTypes.object.isRequired
  },

  render() {
    return (
      <li>{this.props.task.text}</li>
    );
  }
});
