37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
import React from "react";
|
|
|
|
import authImg from "assets/images/partnerProfile/authCandidateFormImg.png";
|
|
|
|
import "./authBlock.scss";
|
|
|
|
export const AuthBlock = ({ title, description, img, resetModal }) => {
|
|
return (
|
|
<div className="auth__wrapper">
|
|
<div className="auth__info">
|
|
{title && <h3>{title}</h3>}
|
|
<img src={authImg} alt="img" />
|
|
<p>{description}</p>
|
|
</div>
|
|
<form className="auth__form">
|
|
<label htmlFor="login">Ваш e-mail</label>
|
|
<input id="login" type="text" name="username" placeholder="E-mail" />
|
|
|
|
<label htmlFor="password">Ваш пароль</label>
|
|
<input
|
|
id="password"
|
|
type="password"
|
|
name="password"
|
|
placeholder="Пароль"
|
|
/>
|
|
<div className="auth__form__buttons">
|
|
<button onClick={(e) => e.preventDefault()}>Войти</button>
|
|
<span onClick={() => resetModal(true)}>Восстановить пароль</span>
|
|
</div>
|
|
</form>
|
|
{img && <img src={img} alt="authImg" className="auth__img" />}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default AuthBlock;
|