import React, { Component } from 'react';
import connect from '../../utils/connect-firebase';

class CreateUser extends Component {
  state = {
    isCreatingUser: false,
    error: ``,
  }

  submit = async (e) => {
    e.preventDefault();

    this.setState({
      isCreatingUser: true,
    });

    let error = ``;

    try {
      const user = await this.createUser({
        email: `[email protected]`,
        password: `5ohgrinD`,
      });
    } catch ({ message }) {
      error = message;
    }

    this.setState({
      isCreatingUser: false,
      error,
    });

  }

  render () {
    const {
      isCreatingUser,
      error,
    } = this.state;

    return (
      <form onSubmit={this.submit}>
        <label>
          <input placeholder={`email`} />
        </label>
        <label>
          <input placeholder={`password`} />
        </label>
        <label>
          <input placeholder={`confirm password`} />
        </label>
        <label>
          <input placeholder={`first name`} />
        </label>
        <label>
          <input placeholder={`last name`} />
        </label>
        <button disabled={isCreatingUser} type={`submit`}>
          create user
        </button>
        <p>
          {error}
        </p>
      </form>
    );
  }
}



export default connect(CreateUser);