<template>
  <div class="form-group row">
    <div class="col-md-4 mb-2" v-for="currentField in fields">
      <label>{{ currentField.name }}</label>
      <input
        v-if="currentField.type === 'number'"
        class="form-control form-control-lg form-control-a"
        type="number"
        name="currentField.name"
        id="currentField.id"
      />
      <input
        v-if="currentField.type === 'text'"
        class="form-control form-control-lg form-control-a"
        type="text"
        name="currentField.name"
        id="currentField.id"
      />
      <div v-if="currentField.type === 'yesno'">
        <select class="form-control form-control-lg form-control-a" id="currentField.id">
          <option>Please Select</option>
          <option value="yes">Yes</option>
          <option value="no">No</option>
        </select>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    fields: [],
  },
};
</script>
