<script setup>
import BaseIcon from "./BaseIcon.vue";

defineProps({
  message: { type: String, default: "Gegevens laden..." },
});
</script>

<template>
  <div
    class="flex items-center gap-2 text-surface-500 dark:text-surface-400 py-4"
    role="status"
    aria-live="polite"
  >
    <BaseIcon name="spinner" class="pi-spin" />
    <span>{{ message }}</span>
  </div>
</template>
