hamid zarghami
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
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;
|