// ---------------------------------------------------------------------------------------------------------------------
//!                                                      Imports
// ---------------------------------------------------------------------------------------------------------------------

// --------------------------------------------------- Components ------------------------------------------------------
import Image from 'next/image';
// ---------------------------------------------------------------------------------------------------------------------

// ------------------------------------------------- Assets & Styles ---------------------------------------------------
import '../styles.scss';
// ---------------------------------------------------------------------------------------------------------------------

const Forgot = () => {
	return (
		<div className='authContainer'>
			<Image
				src={'/logo-transparent.png'}
				className='appLogo'
				alt='appLogo'
				width={1024}
				height={1024}
			/>
			<div className='formContainer'>
				<h1 className='formTitle'>Connexion</h1>

				<div
					role='form'
					className='form'
				>
					<div className='inputContainer'>
						<input
							type='password'
							name='password'
							className='input'
							required
						/>
						<label className='inputLabel'>Mot de passe</label>
					</div>
				</div>
				<div className='buttonsContainer'>
					<button className='submitButton'>Se connecter</button>
				</div>
			</div>
		</div>
	);
};

export default Forgot;