<template>
  <div>
    <div class="field">
      <p class="control has-icons-left has-icons-right">
        <input v-model="username" class="input" type="email" placeholder="Email">
        <span class="icon is-small is-left">
          <i class="fas fa-envelope"></i>
        </span>
        <span class="icon is-small is-right">
          <i class="fas fa-check"></i>
        </span>
      </p>
    </div>
    <div class="field">
      <p class="control">
        <button @click="$emit('login', { username })" class="button is-info is-fullwidth">Register</button>
      </p>
    </div>
  </div>
</template>


<script>
export default {
  name: "RegisterForm",
  props: {
    username: String
  }
};
</script>



