@props(['icon' => 'ph-circle', 'label' => '', 'color' => 'white'])
<div class="flex items-center gap-3 mb-4">
    <div class="flex items-center justify-center w-6 h-6 rounded-lg
                bg-violet-500/15 border border-violet-400/25">
        <i class="ph {{ $icon }} text-violet-300/80 text-[12px]"></i>
    </div>
    <span class="text-[11px] uppercase tracking-widest text-violet-300/60 font-medium">{!! $label !!}</span>
    <span class="flex-1 h-px bg-gradient-to-r from-violet-500/20 to-transparent"></span>
</div>