<template>
  <Message
    severity="error"
    size="small"
    variant="simple"
  >
    <!-- <template #container> -->
    <ul class="my-0 flex flex-col gap-1">
      <li
        v-for="message in context.messages"
        :key="message.key"
        :id="`${context.id}-${message.key}`"
        :data-message-type="message.type"
      >{{ message.value }}</li>
    </ul>
    <!-- </template> -->
  </Message>
</template>

<script setup lang="ts">
import { FormKitFrameworkContext } from '@formkit/core';
import Message from 'primevue/message';
defineProps<{ context: FormKitFrameworkContext }>();
</script>
