{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/languages.njk" as languages %}

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

	<nav class="bp-c-nav {{classes}}">
		<ul class="bp-c-nav__list">
			{% for item in data.items %}

				{% if item %}
					<li class="bp-c-nav__item {{'is-active' if data.active === item.slug}}">
						<a class="bp-c-nav__link" href="/{{data.language}}{{item.url}}">{{item.text}}</a>
					</li>
				{% endif %}

			{% endfor %}
		</ul>

		{% if data.language and data.languages | length > 1 %}
			<div class="bp-c-nav__languages">
				{{languages.default("", {
					active: data.language,
					items: data.languages,
					staticPath: data.staticPath
				})}}
			</div>
		{% endif %}
	</nav>

{% endmacro %}