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;
