import Image from "next/image";
import { ImageConstant } from "../../../constant/ImageConstant";
// eslint-disable-next-line @typescript-eslint/no-explicit-any
const RemindCard = ({ item }: any) => {
  console.log("itemitemitemr", item);

  return (
    <div key={item.id} className="flex  gap-5 mb-5 mt-5">
      <div className="relative w-32 h-48 flex-shrink-0">
        <Image
          // src={`${item?.thumbnail ?? item?.thumbnail}`}
          src={
            item?.src?.startsWith("https")
              ? item.thumbnail
              : `${process.env.NEXT_PUBLIC_IMAGE_BASE_URL}/${item?.thumbnail}` ||
                ImageConstant.imagePlaceHolder
          }
          alt={item?.title || "Series thumbnail"}
          width={200}
          height={200}
          className="rounded-lg object-cover h-48"
        />
      </div>

      <div>
        <h5 className="text-xl font-bold text-white my-2">{item?.title}</h5>
        <h5 className="bg-[#3D3D3D] w-fit p-2 px-4 rounded-sm border border-[#262525] mb-4 capitalize ">
          {item?.status}
        </h5>
      </div>
    </div>
  );
};

export default RemindCard;