<template>
  <section class="mb-6">
    <div class="panel">
      <h6 class="panel-heading">Avisos</h6>

      <p v-for="(a, i) in avisos" :key="i" class="panel-block">
        {{ a }}
      </p>
    </div>

    <div class="panel">
      <h6 class="panel-heading">Errores</h6>

      <p v-for="(e, i) in errores" :key="i" class="panel-block">
        {{ e }}
      </p>
    </div>
  </section>
</template>

<script>
export default {
  props: {
    avisos: { type: Array, required: true },
    errores: { type: Array, required: true },
  },
}
</script>

<style></style>
