<template>
    <div class="relative">
        <slot />
        <Badge v-bind="$attrs" class="absolute top-0 end-0 translate-x-[50%] translate-y-[-50%] origin-[100%_0] m-0 outline-2 outline-surface-0 dark:outline-surface-900" />
    </div>
</template>

<script setup>
import Badge from '../badge';

defineOptions({
    inheritAttrs: false
});
</script>
