{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{# Atoms #}
{% import "atoms/button/button-macros.njk" as button %}
{% import "atoms/link/link-macros.njk" as link %}
{# Molecules #}
{% import "molecules/list/list-macros.njk" as list %}

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

<nav class="m-nav m-nav--with-dropdown {{classes}}" >
  <ul class="m-nav__list m-list m-list--no-type">
    {% for item in items %}

      {% if item.title or item.list %}

        <li class="m-nav__item">
          <a class="m-nav__item__link" href="">{{item.title}}</a>

          <div class="m-nav__dropdown">
            {% for column in item.columns %}
              <ul class="m-list m-list--no-type m-nav__dropdown-list">
                <li class="m-list__item">
                  {{link.default("m-nav__dropdown-mainlink", column.mainLink)}}
                </li>

                {% for item in column.list %}
                  <li class="m-list__item">
                    {{link.default("m-nav__dropdown-link", item)}}
                  </li>
                {% endfor %}
              </ul>
            {% endfor %}
          </div>

        </li>

      {% else %}
        <li class="m-nav__item">
          <a class="m-nav__item__link" href="/">{{item}}</a>
        </li>
      {% endif %}

    {% endfor %}
  </ul>
</nav>

{% endmacro %}