<template>
    <transition name="fade">
        <div v-if="show" class="bubble" :class="{ [type]: true, [level]: true }" @click.stop>
            <div class="bubble-layer">
                <div class="bubble-arr" />
                <slot />
            </div>
        </div>
    </transition>
</template>

<script setup lang="ts">
import { bubbleProps } from './bubble'
defineOptions({
    name: 'UIBubble',
})
defineProps(bubbleProps)
</script>
