{% set accordion_uuid = accordion_uuid | default("ac-#{random(9000)}") %}
{% set accordion_type = accordion_type | default("checkbox") %}

<div class="c-accordion c-accordion--tabs {{ accordion.classes }}" role="tablist">

      <input 
        class="c-accordion__trigger" 
        type="{{ accordion_type }}" 
        id="{{ accordion_uuid }}"
      >
      
      <label 
        class="c-accordion__header 
        {% if accordion_header_reversed %} c-accordion__header--rev {% endif %}" role="tab" 
        for="{{ accordion_uuid }}"
      >
        
        <span class="c-accordion__icon-wrapper">
          {% block accordion_header_icon %}
            <span class="c-accordion__icon"></span>
          {% endblock %}
        </span>
        
        <span class="o-flag__body c-heading--h4 c-accordion__header-text">
          {{ accordion_header_text | default("Accordion Header Text") }}
        </span>
      </label>

      <div class="c-accordion__content-wrapper">
        <div class="c-accordion__content">

          {% block accordion_content %}
            Default Accordion Content
          {% endblock %}
          
        </div>
    </div>
</div>