@php
    $pills = [
        ['label' => 'Day', 'icon' => 'sun', 'active' => true],
        ['label' => 'Sunset', 'icon' => 'sunset', 'active' => false],
        ['label' => 'All Day', 'icon' => 'clock', 'active' => false],
        ['label' => 'Wellness', 'icon' => 'lotus', 'active' => false],
    ];
@endphp

<div class="sy-pills">
    @foreach ($pills as $pill)
        <span @class(['sy-pill', 'sy-pill--active' => $pill['active']])>
            <x-spec-icon :name="$pill['icon']" />
            {{ $pill['label'] }}
        </span>
    @endforeach
</div>