{% assign section_data = section | default: section_controls.faqs %}
{% assign items = faqs | default: faq_items %}
{% if items
  and items.size > 0
  or section_data.kicker
  or section_data.title
  or section_data.subtitle
%}
  <section
    class="{{ section_class | default: section_data.section_class | default: 'section section-dark' }}"
    data-reveal
  >
    <div class="shell faq-layout">
      <div class="faq-intro">
        {% if section_data.kicker or section_data.title %}
          <span class="eyebrow">{{ section_data.kicker | default: section_data.title }}</span>
        {% endif %}
        {% if section_data.subtitle or section_data.title %}
          <h2>{{ section_data.subtitle | default: section_data.title }}</h2>
        {% endif %}
      </div>
      <div class="faq-list" data-accordion>
        {% for faq in items limit: section_data.count %}
          <article class="faq-item {% if forloop.first %}is-open{% endif %}" data-reveal>
            <button type="button" class="faq-trigger" data-accordion-trigger>
              <span>{{ faq.question }}</span>
              <i class="fas fa-plus"></i>
            </button>
            <div class="faq-panel" data-accordion-panel>
              <div>{{ faq.answer | raw }}</div>
            </div>
          </article>
        {% endfor %}
      </div>
    </div>
  </section>
{% endif %}