text: import React from "react";
  import "./index.css";
  import { Avatar } from "@material-ui/core";
  
  export default function BlogCard({
    title,
    userImg,
    author,
    desc,
    imgUrl,
    imgAlt,
  }) {
    return (
      <div className="BlogCard">
        <div className="BlogCard__left">
          <h1 class="BlogCard__title">{title}</h1>
          <div className="BlogCard__left__bottom">
            <Avatar src={userImg} />
            <h4>{author}</h4>
          </div>
          <p className="BlogCard__desc">{desc}</p>
        </div>
        <div className="BlogCard__right">
          <img src={imgUrl} alt={imgAlt} />
        </div>
      </div>
    );
  }
  