{{-- Component: x-store.filter-chip Usage: Label Props: $active — bool, apakah chip ini aktif $icon — (opsional) SVG path string untuk icon --}} @props([ 'active' => false, 'icon' => null, ]) merge([ 'class' => 'shrink-0 h-9 px-4 rounded-full text-xs font-medium border transition-colors duration-150 whitespace-nowrap inline-flex items-center gap-1.5 ' . ($active ? 'bg-orange-500 text-white border-orange-500' : 'bg-white text-slate-600 border-slate-200 hover:border-orange-300 hover:text-slate-800') ]) }}> @if ($icon) @endif {{ $slot }}