32 lines
787 B
TypeScript
32 lines
787 B
TypeScript
|
import Image from "next/image";
|
||
|
|
import React from "react";
|
||
|
|
|
||
|
|
interface RecentCardProps {
|
||
|
|
image: string;
|
||
|
|
title: string;
|
||
|
|
tag: string;
|
||
|
|
description: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
const Recent_Card: React.FC<RecentCardProps> = ({ image, title, tag, description }) => {
|
||
|
|
return (
|
||
|
|
<div className="flex flex-col justify-start items-start">
|
||
|
|
<div className="recent_card flex justify-center items-center">
|
||
|
|
<Image
|
||
|
|
src={image}
|
||
|
|
alt="image"
|
||
|
|
className="card_img"
|
||
|
|
width={100}
|
||
|
|
height={100}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<h3 className="text-[14px] font-[400] text-slate-900">{title}</h3>
|
||
|
|
<p className="text-[10px] font-[400] text-slate-400">
|
||
|
|
{tag} <span> {description}</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default Recent_Card;
|