<template>
  <article>
    <div>
      <p>Errors</p>
    </div>
    <div>
      <ol class="ml-2">
        <template v-for="(err, i) in props.errors" v-bind:key="i">
          <li v-show="err.condition">
            {{ err.text }}
          </li>
        </template>
      </ol>
    </div>
  </article>
</template>

<script setup lang="ts">
export interface SignetError {
  text: string;
  condition: boolean;
}

// eslint-disable-next-line no-undef
const props = defineProps<{ 'errors': SignetError[] }>();

</script>
