19 lines
777 B
TypeScript
19 lines
777 B
TypeScript
import ScrollAnimation from "react-animate-on-scroll";
|
|
import React from "react";
|
|
import {Link} from "react-router-dom";
|
|
import Job from "../../types/Job";
|
|
import "./BlogCard.css";
|
|
import Blog from "../../types/Blog";
|
|
|
|
export default function BlogCard(props: {style?: any, className?: string, blog: Blog}){
|
|
return (
|
|
<div className={"blog-card "+(props.className || "")} style={props.style}>
|
|
<Link to={"/blog/"+props.blog.uri} className={"blog-card-int"}>
|
|
<div className={"blog-card-info"}>
|
|
<h4 className={"font-weight-bold"}>{props.blog.title}</h4>
|
|
<p className={"font-weight-lighter"}>{props.blog.date.toLocaleDateString()}</p>
|
|
</div>
|
|
</Link>
|
|
</div>
|
|
);
|
|
}
|