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.
42 lines
2.2 KiB
42 lines
2.2 KiB
import React from "react"; |
|
|
|
const SelectedCourse = ({ openAnswerSheet, title, questionQuantity, coefficient, optionsQuantity }) => { |
|
return ( |
|
<div className="w-full border border-gray-400 rounded-xl bg-white flex items-center justify-between px-6 py-8 mt-8"> |
|
<div className="flex flex-col w-full"> |
|
|
|
<h1 className="w-full text-lg text-right text-blue3A font-bold"> |
|
{title} |
|
</h1> |
|
<div className="w-full flex mt-4 justify-between"> |
|
<p className="flex items-center w-1/4 text-sm justify-between border-l-2 px-2 border-red52"> |
|
<p>تعداد سوالات</p> |
|
<input type='number' className="w-5 h-5 ml-1 border border-red52 outline-none rounded text-center text-xs" value={questionQuantity} /> |
|
</p> |
|
<p className="flex items-center w-1/4 text-sm justify-between border-l-2 px-2 border-red52"> |
|
<p className="w-full text-center"> ضریب</p> |
|
<input type='number' className="w-5 h-5 ml-1 border border-red52 outline-none rounded text-center text-xs" value={coefficient} /> |
|
</p> |
|
<p className="flex items-center w-1/4 text-sm justify-between border-l-2 px-2 border-red52"> |
|
<p>تعداد گزینه</p> |
|
<input type='number' className="w-5 h-5 ml-1 border border-red52 outline-none rounded text-center text-xs" value={4} /> |
|
</p> |
|
<p className="flex items-center w-1/4 text-sm justify-between px-2 "> |
|
<p>نمره منفی</p> |
|
<input type='number' className="w-5 h-5 ml-1 border border-red52 outline-none rounded text-center" /> |
|
</p> |
|
|
|
|
|
</div> |
|
<textarea className="border border-gray-300 mt-8 rounded-xl h-32 p-4 outline-none" placeholder="توضیحات"> |
|
|
|
</textarea> |
|
</div> |
|
<h1 className="w-40 text-center text-lg text-blue3A font-bold cursor-pointer" onClick={openAnswerSheet}> |
|
پاسخ برگ |
|
</h1> |
|
</div> |
|
) |
|
} |
|
|
|
export default SelectedCourse; |