<template>
  <div class="is-flex is-align-items-center is-gap-1">
    <span class="icon">
      <Icon
        name="material-symbols:cancel-rounded"
        :size="18"
        class="has-text-danger-80"
      />
    </span>
    <p
      v-html="content"
      class="control is-expanded"
    ></p>
  </div>
</template>
<script setup>
const props = defineProps({
  content: String,
});
</script>
