Task.jsx

import React, { Component } from 'react';

// type tTask = {
//   title: string,
//   details: string,
// }

class Task extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    const { title, details } = this.props.taskData;
    return (
      <div
      >
        <h2>{title}</h2>
        <h3
          className="status"
        >
          {this.state.isInProgress ? 'In Progress' : 'Done'}
        </h3>
        <h4>{details}</h4>
      </div>
    );
  }
}

export default Task;