content: /*================================================
  
  	Signup
  	======
  	- is component for UI architecture 
  	of sign up
  
  	@imports - react
  
  ================================================ */
  
  // imports
  import React from 'react';
  
  const Signup = ({ 
  		name,
  		email,
  		password,
  		passwordRepeated,
  		setName, 
  		setEmail, 
  		setPassword, 
  		setPasswordRepeated, 
  		hangleSignup }) => {
  	return (
  		<div className="container log">
  			<h1>Sign Up</h1>
  			<div className="row">
  				<label htmlFor="name">Name:</label>
  				<input className="u-full-width" type="text" placeholder="Name" id="name" value={name} onChange={setName}/>
  			</div>
  			<div className="row">
  		    	<label htmlFor="email">E-mail:</label>
  				<input className="u-full-width" type="email" placeholder="Email" id="email" value={email} onChange={setEmail} required />
  		    </div>
  			<div className="row">
  		    	<label htmlFor="password">Password:</label>
  				<input className="u-full-width" type="password" placeholder="Password" id="password" value={password} onChange={setPassword}/>
  		    </div>
  		    <div className="row">
  		    	<label htmlFor="passwordRepeat">Repeat password:</label>
  				<input className="u-full-width" type="password" placeholder="Repeat password" id="passwordRepeated" value={passwordRepeated} onChange={setPasswordRepeated}/>
  		    </div>
  		    <div className="row">
  				<button className="button button-primary u-full-width" onClick={hangleSignup}>Sign up</button>
  			</div>
  		</div>
  	)
  }
  
  // export
  export default Signup;