You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.2 KiB
35 lines
1.2 KiB
import React from "react"; |
|
import _ from "lodash"; |
|
|
|
export default function Book({ book }) { |
|
return ( |
|
<div className="w-full flex justify-between py-3 border-b border-solid border-blueFF1 dark:border-gray45"> |
|
<div className="flex items-center flex-1"> |
|
<img |
|
src={book} |
|
className="rounded-md" |
|
style={{ width: 60, height: 90 }} |
|
/> |
|
<div className="flex flex-col mr-2"> |
|
<strong className="text-xs text-blueC0 dark:text-white lg:text-tiny"> |
|
{window.t("علوم اجتماعی")} |
|
</strong> |
|
<span className="mt-4 text-xs lg:text-sm text-gray70 dark:text-greenBA"> |
|
{window.t("پایه دوم")} |
|
</span> |
|
<span className="mt-2 text-xs lg:text-sm text-gray70 dark:text-white"> |
|
{window.t("نسخه دیجیتال")} |
|
</span> |
|
</div> |
|
</div> |
|
<div className="flex items-center"> |
|
<span className="py-1 px-2 rounded-sm text-green4F2 text-sm lg:text-base bg-grayF9 dark:bg-gray-500 dark:text-white"> |
|
1 |
|
</span> |
|
<div className="mr-3 text-blueC0 text-xs lg:text-base dark:text-white"> |
|
126.000 {window.t("تومان")} |
|
</div> |
|
</div> |
|
</div> |
|
); |
|
}
|
|
|