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.
43 lines
1.2 KiB
43 lines
1.2 KiB
3 years ago
|
import React from "react";
|
||
|
|
||
|
const CourseChapter = () => {
|
||
|
return (
|
||
|
<section style={{ width: "30%" }} className="bg-white mx-auto my-20 p-4">
|
||
|
<div
|
||
|
className="rounded py-2 px-4"
|
||
|
style={{ backgroundColor: "#196EC033" }}
|
||
|
>
|
||
|
{/* top */}
|
||
|
<div className="flex flex-row items-center justify-between">
|
||
|
<div>
|
||
|
<h2 className="text-blue-800 text-base">سرفصل دوره</h2>
|
||
|
</div>
|
||
|
<div className="flex flex-row-reverse items-center divide-x transform translate-x-2">
|
||
|
<span className="text-blue-800 text-sm px-2">علوم تجربی</span>
|
||
|
<span className="text-blue-800 text-sm px-2">پایه ششم</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
{/* divider */}
|
||
|
<div className="border-b border-blue-300 bg-opacity-10 my-5"></div>
|
||
|
{/* course title */}
|
||
|
<div className="bg-blue-800 rounded">
|
||
|
<h2>فصل اول: مباحث جوشش مواد مذاب در مرکز</h2>
|
||
|
<p>2:30:13</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</section>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export default CourseChapter;
|
||
|
|
||
|
CourseChapter.defaultProps = {
|
||
|
chapters: [
|
||
|
{
|
||
|
title: "",
|
||
|
duration: "",
|
||
|
lessons: [{ title: "", duration: "", play: "" }],
|
||
|
},
|
||
|
],
|
||
|
};
|