{{ attach_library('ui_patterns/routes_faqs.routes_faqs_lib') }}
{% set header_classes = header_classes|default('h-pri') %}

<div class="route_faq_classes mb-3">
  <h2 class="{{ header_classes }}">{{ title }}</h2>
  {% if display_option == 'routes_custom' %}
    {% for faq in faqs %}
      <div class="route-faq">
        {% set icon = faq.icon|default("fas fa-question-circle") %}
        <h3 class="header"><i class="{{ icon }}"></i> {{ faq.question }}</h3>
        {{ faq.answer|raw }}
      </div>
    {% endfor %}
  {% elseif display_option == 'standard_accordion' %}
    {{ pattern('bs-accordion-items', faqs, 'aci_a') }}
  {% endif %}
</div>
