{# ========================================================================== #}
{# :: Import #}
{# ========================================================================== #}
{% import "components/logo.njk" as logo %}
{% import "components/nav.njk" as nav %}
{% import "components/hamburger.njk" as hamburger %}

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

	<header class="bp-c-header bp-js-header">
		<div class="bp-c-header__container bp-l-container bp-l-container--fill-space">
			{{logo.default("bp-c-header__logo")}}

			{{nav.default("bp-c-header__nav", data.nav)}}

			{{hamburger.default("bp-c-header__hamburger u-hide@above-viewport-9")}}
		</div>
	</header>

{% endmacro %}

{# ========================================================================== #}
{# :: Aside #}
{# ========================================================================== #}
{% macro aside(classes, data) %}

	<header class="bp-c-header bp-js-header">
		<div class="bp-c-header__container bp-c-header__container--content-right@above-base bp-l-container bp-l-container--fill-space">
			{{logo.default("bp-c-header__logo u-hide@above-viewport-9")}}

			{{nav.default("bp-c-header__nav", data.nav)}}

			{{hamburger.default("bp-c-header__hamburger u-hide@above-viewport-9")}}
		</div>
	</header>

{% endmacro %}