37 lines
1020 B
TypeScript
37 lines
1020 B
TypeScript
import { BlogData } from "@/schema/blog";
|
|
import Image from "next/image";
|
|
import Link from "next/link";
|
|
|
|
type CardBlogProps = {
|
|
data: BlogData;
|
|
};
|
|
|
|
export default function CardBlog({ data }: CardBlogProps) {
|
|
return (
|
|
<div>
|
|
<article className="post-default">
|
|
<div className="h-64 relative">
|
|
<Link href="#">
|
|
<Image src={data.img?.url ?? ""} alt={data.img?.alt ?? ""} fill />
|
|
</Link>
|
|
</div>
|
|
<div className="post-default-body">
|
|
<div className="post-default-title">
|
|
<h4>
|
|
<a href="blog-post.html">{data.title}</a>
|
|
</h4>
|
|
</div>
|
|
<div className="post-default-divider"></div>
|
|
<div className="post-default-text">
|
|
<p>{data.description}</p>
|
|
</div>
|
|
<div className="post-default-time">
|
|
<span className="icon mdi mdi-clock"></span>
|
|
<a href="#">{data.posted_at}</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
);
|
|
}
|