<template>
    <el-form-item>
        <template #label>
            <div class="flex v-center gap-4">
                <el-tooltip
                    effect="dark"
                    :content="content"
                    raw-content
                    placement="top"
                >
                    <icon name="local-icon-question" :size="18" />
                </el-tooltip>
                <span>{{ label }}</span>
            </div>
        </template>
        <slot></slot>
    </el-form-item>
</template>
<script setup>
defineProps({
    label: {
        type: String,
        default: "",
    },
    content: {
        type: String,
    },
});
</script>
<style lang="scss" scoped>
</style>