@props(['data'])
@php
    $questions = $data['questions'] ?? [];
@endphp

<div class="accordion-outer">
    <div class="title-box">
        <h4>{{ translate_label($data, 'main_title') }}</h4>
        <div class="text">
            {{ translate_label($data, 'main_description') }}
        </div>
    </div>

    <ul class="accordion-box">
        @foreach($questions as $question)
        <li class="accordion block">
            <div class="acc-btn">
                <div class="icon-outer"><span
                        class="icon icon-plus fa fa-plus"></span>
                    <span class="icon icon-minus fa fa-minus"></span>
                </div>
                {{ translate_label($question, 'title') }}
            </div>
            <div class="acc-content">
                <div class="content">
                    <div
                        class="text-ask-desk">
                        {!! tiptap_converter()->asHTML(translate_data($question['answer'])) !!}
                    </div>
                </div>
            </div>
        </li>
        @endforeach
    </ul>
</div>