text: import React, { Component } from "react";
  export default class Blog extends Component {
    render() {
      return (
        <div className="card">
          <div className="card-header">
            <h4>
              {this.props.subject}{" "}
              <button
                type="button"
                className="btn btn-danger pull-right ml-3"
                onClick={() => this.props.deleteBlogPost(this.props.id)}
              >
                Delete Post
              </button>
              <button
                type="button"
                className="btn btn-success pull-right pl-4 pr-4"
                onClick={() => this.props.editBlogPost(this.props.id)}
              >
                Edit
              </button>
            </h4>
          </div>
  
          <div className="card-body">
            <p className="card-text">{this.props.content}</p>
            <p className="card-text">
              <small className="text-muted">
                Post by: {this.props.name} {" on "} {this.props.date}
              </small>
            </p>
          </div>
        </div>
      );
    }
  }
  