<template>
  <form class="a-form-component">
    <template v-for="(field, index) in formFields">
      <a-input
        :key="index"
        label="Titulo"
        v-model="formFields[index]"
        :is-required="formValidator[index]"
        regex-validation="gender"
        :is-valid="formValidator[index]"
        error-message="Coé, Campo value1 tá inválido mané!"
      />
    </template>

    <!-- <slot name="actions" slot="actions" /> -->
  </form>
</template>

<script>
export default {
  name: 'a-form',

  components: {
    AInput: () => import('./AInput')
  },

  props: {
    formFields: {
      type: Object,
      required: true
    },

    requireds: {
      type: Array
    },

    formValidator: {
      type: Object,
      required: true
    }
  }
}
</script>