import * as React from "react";

interface Props {
  blogImage: string; // This needs a placeholder/default variable
  blogTitle: string;
  blogDatePosted: string;
  blogDescription: string;
}

export default function BlogEntryCard({
  blogImage,
  blogTitle,
  blogDatePosted,
  blogDescription,
}: Props) {
  return (
    <>
      <div className="blogEntryCard">
        <a href="#">
          <div className="blogEntry">
            <img src={blogImage} className="blogEntryImage" alt="..."></img>
            <div className="blogEntryBody">
              <h4 className="blogEntryTitle">{blogTitle}</h4>
              <p className="blogEntryDatePosted">{blogDatePosted}</p>
              <p className="blogEntryDescription">{blogDescription}</p>
            </div>
          </div>
        </a>
      </div>
    </>
  );
}