@props([
    'eyebrow' => 'Preguntas frecuentes',
    'title' => 'Resolvemos tus dudas',
    'tone' => 'dark',
])

@php
    /*
     | Installation FAQ block. Renders the business-messaging FAQ (for example
     | "¿Ofrecen instalación?") and its FAQPage JSON-LD. Renders nothing when
     | the FAQ is disabled or empty.
     */
    $items = app(\App\Services\BusinessMessagingService::class)->faqItems();
@endphp

@if ($items !== [])
    @push('json-ld')
        <x-json-ld type="faq" :data="['items' => $items]" />
    @endpush

    <x-section data-section="business-faq" :tone="$tone" {{ $attributes }}>
        <x-container>
            <div class="mx-auto max-w-3xl">
                <x-faq :items="$items" :eyebrow="$eyebrow" :title="$title" />
            </div>
        </x-container>
    </x-section>
@endif