text: import React from 'react';
  import { Link } from 'react-router-dom';
  import striptags from 'striptags';
  import Truncate from 'react-truncate';
  
  const BlogItem = props => {
      const {
          id,
          blog_status,
          content,
          title,
          featured_image_url
      } = props.blogItem;
  
      return (
          <div>
              <Link to={`/b/${id}`}>
                  <h1>{title}</h1>
              </Link>
              
              <div>
                  <Truncate 
                      lines={5} 
                      ellipsis={
                          <span>
                              ... <Link to={`/b/${id}`}>Read more </Link>
                          </span>
                      }
                  >
                      {striptags(content)}
                  </Truncate>
              </div>
          </div>
      );
  };
  
  export default BlogItem;