{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{% import "molecules/list/list-macros.njk" as list %}

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}
<div class="m-doormat m-collapse js-m-collapse {{classes}}" data-is-root="true">

	<div class="m-doormat__header m-collapse__header">
		<h4>{{data.title}}</h4>
	</div>

	<div class="m-collapse__content m-doormat__content">
		<div class="m-collapse__content__container m-doormat__content__container">

      <div class="l-grid l-grid--with-margins">
        {% for item in data.items %}
          <div class="l-grid__col-3-12 m-doormat__item js-reveal">
            <a href="{{item.titleLink}}" class="m-doormat__main-link">
              <h5 class="m-doormat__main-title" tabindex="-1">{{item.title}}</h5>
            </a>

            {{list.withLinks("", item.links)}}

          </div>
        {% endfor %}
      </div>

		</div>
	</div>

</div>
{% endmacro %}