<script setup lang="ts">
defineProps<{ message: string }>()
</script>

<template>
  <p class="error" role="alert">{{ message }}</p>
</template>

<style scoped>
.error {
  margin: 0;
  padding-left: var(--s-5);
  color: var(--c-error);
  font-size: var(--t-small);
  border-left: 2px solid var(--c-error);
}
</style>
