39 lines
1.2 KiB
JavaScript
39 lines
1.2 KiB
JavaScript
const SignUp = ({ setLastName, setFirstName, SignUpLogin }) => {
|
|
return (
|
|
<div className="text-center mt-5">
|
|
<p className="mb-0 text-gray-300 text-base mt-2">مشخصات را وارد کنید </p>
|
|
|
|
<div className="mt-2">
|
|
<div className="form-group text-right my-2">
|
|
<label className=" px-2 text-sm text-gray-100"> نام </label>
|
|
<input
|
|
type="text"
|
|
className="form-control !border-0 !bg-gray-200 text-right"
|
|
onChange={(e) => setFirstName(e.target.value)}
|
|
/>
|
|
</div>
|
|
|
|
<div className="form-group text-right my-4 ">
|
|
<label className=" px-2 text-sm text-gray-100">نام خانوادگی </label>
|
|
<input
|
|
type="text"
|
|
className="form-control !border-0 !bg-gray-200 text-right"
|
|
onChange={(e) => setLastName(e.target.value)}
|
|
/>
|
|
</div>
|
|
|
|
<div className="">
|
|
<button
|
|
className="btn btn-primary w-full rounded-xl py-3 mt-3"
|
|
onClick={() => SignUpLogin()}
|
|
>
|
|
ورود و ثبت نام
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SignUp;
|