<script setup>
const {color} = defineProps({
    color: {
        type: String,
        default: 'red',
    }
});
</script>

<template>
    <div class="origin-tag">
        <slot></slot>
    </div>
</template>

<style lang="scss" scoped>
.origin-tag {
    display: flex;
    align-items: center;
    gap: 8px;

    &::before {
        content: '';
        display: block;
        border-radius: 50%;
        width: 6px;
        aspect-ratio: 1 / 1;
        background-color: v-bind(color);
    }
}
</style>
