@props(['title', 'index'])
@php
@endphp
<div>
    <button type="button" class="accordion-title" @click="index={{$index}}">
        <span>{{$title}}</span>
        <span><i class="fa-solid fa-angle-down" :class="{'rotate-180':index=={{$index}}}"></i></span>
    </button>
    <div x-show="index=={{$index}}" class="accordion-detail">
        {{$slot}}
    </div>
</div>