<script setup lang="ts">
const modelValue = defineModel({ default: false, type: Boolean })
withDefaults(defineProps<{ content?: string }>(), { content: '' })
</script>
<template>
  <div class="">
    <div v-if="modelValue" class="relative flex justify-center">
      <div
        class="absolute bottom-1 px-2.5 py-1 bg-[#ffe0e0] rounded justify-center items-center gap-2.5 inline-flex"
      >
        <div class="text-[#c40000]/90 text-[10px] font-normal font-['PingFang_SC'] leading-normal">
          {{ content }}
        </div>
      </div>
    </div>
    <slot></slot>
  </div>
</template>
