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