{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}

  <div class="m-collapse js-collapse {{classes}}">
    <div class="m-collapse__header" tabindex="0">
      {{data.header | safe}}
    </div>

    <div class="m-collapse__content">
      <div class="m-collapse__children">
        {{data.content | safe}}
      </div>
    </div>
  </div>

{% endmacro %}