<template>
    <el-space :size="16" class="text-tip-1-bold box">
        <div class="color-prefix"></div>
        <slot></slot>
    </el-space>
</template>
<script setup lang="ts">
import '@/styles/common.scss';
import { ElSpace } from 'element-plus';
const props = defineProps({
    color: {
        type: String,
        default: 'var(--color-primary-100)'
    }
})
</script>

<style lang="scss" scoped>
.color-prefix {
    width: 8px;
    height: 16px;
    background-color: v-bind(color);
}

.box {
    color: v-bind(color);
}
</style>