content: import React, { Component } from 'react';
  import PropTypes from "prop-types";
  
  // Task component - represents a single todo item
  export default class Task extends Component {
      render() {
          return (
              <li>{this.props.task.text}</li>
          );
      }
  }
  
  Task.propTypes = {
      // This component gets the task to display through a React prop.
      // We can use propTypes to indicate it is required
      task: PropTypes.object.isRequired,
  };