<script setup lang="ts">
import type { WarningEvent } from '../lib/types'

defineProps<{ warning: WarningEvent }>()
</script>

<template>
  <p class="warning" :data-warning-code="warning.code">{{ warning.message }}</p>
</template>

<style scoped>
.warning {
  margin: 0;
  padding-left: var(--s-5);
  color: var(--c-accent-soft);
  font-size: var(--t-small);
  text-wrap: pretty;
  border-left: 2px solid var(--c-accent-line);
}
</style>
