text: function Login(){
          const [show,setShow] = React.useState(true);
          const [status, setStatus] = React.useState('');
          const [email, setEmail] =React.useState('');
          const [password, setPassword] =React.useState('');
          const ctx =React.useContext(UserContext); 
          
          function validate(field, label){
              if (!field) {
                  setStatus('Error: ' + label);
                  setTimeout(() => setStatus(''),3000);
                  return false;
              }
               return true;
          }
      
          function handleCreate(){
              console.log(email,password);
              if (!validate(email,  "email")) return;
              if (!validate(password,  "password")) return;
              ctx.users.push({name,email,password,balance:100})
              setShow(false);
          }
      
          function clearForm(){
              setName('');
              setEmail('');
              setPassword('');
              setShow(true);
          }
          
          return(
                 <Card
                   backgroundColor= "primary"
                   header="Login"
                   status={status}
                   body={show ? (
                       <>
                       Email address<br/>
                       <input type="input" className="form-control" id="email" placeholder="Enter email" value={email} 
                       onChange={e => setEmail(e.currentTarget.value)}/><br/>
                       Password<br/>
                       <input type="password" className="form-control" id="password" placeholder="Enter password"
                       value={password} onChange={e => setPassword(e.currentTarget.value)}/><br/>
                       <button type="submit" className="btn btn-dark" onClick={handleCreate}>Login</button>
                       </>
                     ):(
                       <>
                       <h5>Success</h5>
                       <button type="submit" className="btn btn-Light" onClick={clearForm}>Login successful</button>
                       </>
                     )}
                  />
                )
              }