33 lines
826 B
TypeScript
33 lines
826 B
TypeScript
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>
|
|
</>
|
|
);
|
|
}
|