import styles from 'styles/Main.module.scss'
import React from 'react'
import PropTypes from 'prop-types'

const Form = ({errorMessage, onSubmit, isLogin}) => (
  <form className={`window window--popup ${styles.userForm}`} onSubmit={onSubmit}>
    <div className="window__content--popup">
      {isLogin ? 'Login to access your notes' : 'Register new user'}
    </div>
    <input type="email" name="email" placeholder="email" required />
    <input type="password" name="password" minLength="6" placeholder="password" required />

    <input className='window__button' type="submit" value={isLogin ? 'Login' : 'Register'} />

    {errorMessage && <p className="error">{errorMessage}</p>}
  </form>
)

export default Form

Form.propTypes = {
  errorMessage: PropTypes.string,
  onSubmit: PropTypes.func,
}