import { AttachCircle, Calendar, TickSquare } from "iconsax-react";
import { type FC } from "react";

const Task: FC = () => {
  return (
    <div className="bg-white rounded-lg p-2">
      <div className="h-10 bg-yellow-500 rounded-lg"></div>
      <div className="bg-[#FF76C2] h-5 px-3 flex items-center mt-2 text-[10px] text-white rounded-md w-fit">برچشب</div>
      <div className="font-bold text-xs mt-2">اضافه شدن پیش نمایش</div>
      <div className="mt-2 flex items-center gap-4 text-xs">
        <div className="flex items-center gap-1 text-[10px]">
          <Calendar size={16} color="#292D32" />
          <div>۱ اردیبهشت - ۲۰ اردیبهشت</div>
        </div>

        <div className="flex gap-1">
          <AttachCircle size={16} color="#292D32" />
          <div>1</div>
        </div>
        <div className="flex gap-1">
          <TickSquare size={16} color="#292D32" />
          <div>1/5</div>
        </div>
      </div>

      <div className="mt-2 flex justify-end">
        <div className="size-6 bg-gray-200 rounded-full"></div>
      </div>
    </div>
  );
};

export default Task;