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.1 KiB
35 lines
1.1 KiB
import React, {useState, useEffect} from "react"; |
|
import Checkbox from "../../../components/Checkbox"; |
|
|
|
const Grades = () => { |
|
const inputs = [ |
|
'اول', |
|
'دوم', |
|
'سوم', |
|
'هفتم', |
|
'هشتم', |
|
'نهم', |
|
] |
|
return( |
|
<div className="w-full rtl bg-white border mx-2 my-4 rounded-lg border-grayE0 flex flex-col py-6"> |
|
<h1 className="text-blue3A text-lg font-bold w-full text-right px-4 mb-6 border-r-4 border-blue65"> |
|
پایه تحصیلی |
|
</h1> |
|
<div className="flex flex-wrap px-4"> |
|
{ |
|
inputs.map( |
|
(item, index) => ( |
|
<div className="w-1/2 p-2 my-1 flex items-center text-lg font-bold" style={{color: '#707070'}}> |
|
<Checkbox name={'GradeCheckBox' + index}/> |
|
<p className="mr-2">{item}</p> |
|
</div> |
|
) |
|
) |
|
} |
|
</div> |
|
|
|
</div> |
|
) |
|
} |
|
|
|
export default Grades; |