@php($tabTitles = ['商品情報', 'パーツ構成'])
<ul class="bg-secondary-200 flex flex-wrap text-sm">
    @foreach($tabTitles as $idx => $tabTitle)
    <li class="border-r border-secondary-260">
        <button type="button" class="py-2 px-5 border-transparent"
            :class="tab === {{$idx}} ? 'bg-white' : 'hover:bg-secondary-260'"
            @click="tab = {{$idx}}">
            <i x-show="tab === {{$idx}}" class="fa-solid fa-bars opacity-50 mr-1"></i>
            {{$tabTitle}}
        </button>
    </li>
    @endforeach
</ul>