tdd-react-component-solution5.js

const Login = ({isValid, isWaiting, error, onSignIn, onChange, username, password})=> {
  return <div className="login">
    <form className="login__form" onSubmit={handleLogin}>
      <h4 className="login__title center-align">Bienvenido a Warehouse</h4>
      <Input
        className="login__user"
        name="username"
        value={username}
        disabled={isWaiting}
      />
      <Input
        className="login__password"
        type="password"
        name="password"
        value={password}
        disabled={isWaiting}
      />
      { isWaiting ? <ProgressBar className="login__message--loading col" /> : '' }
      <Button
        className="login__btn right"
        disabled={isWaiting}
        >Ingresar</Button>
    </form>
  </div>
};