<template>
    <el-space :size="16" class="text-tip-1-bold box-color-prefix">
        <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)'
    },
    height: {
        type: String,
        default: '16px'
    }
})
</script>

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

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