import React from 'react';
import PropTypes from 'prop-types';

const SignupForm = ({ username, email, password, passwordConfirmation, submit }) => (
  <form>
    <input type="text" value={username} name="username" placeholder="Nom d'utilisateur" />
    <input type="text" value={email} name="email" placeholder="Adresse email" />
    <input type="password" value={password} name="password" placeholder="Mot de passe" />
    <input
      type="password"
      value={passwordConfirmation}
      name="passwordConfirmation"
      placeholder="Confirmation du mot de passe"
    />
    <input type="submit" value="créer le compte" onClick={submit} />
  </form>
);

SignupForm.propTypes = {
  username: PropTypes.string.isRequired,
  email: PropTypes.string.isRequired,
  password: PropTypes.string.isRequired,
  passwordConfirmation: PropTypes.string.isRequired,
  submit: PropTypes.func.isRequired,
};