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

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

	<article class="bp-c-project {{classes}}">
		<h3 class="bp-c-project__title">{{data.title}}</h3>

		<div class="bp-c-project__text">{{data.description | safe}}</div>

		<div class="bp-c-project__items bp-l-grid bp-l-grid--with-spacing">
			{% for item in data.links %}
				<div class="bp-l-grid__col bp-l-grid__col--6@viewport-4 bp-l-grid__col--4@viewport-7 bp-l-grid__col--3@viewport-9">
					<h3 class="bp-c-project__subtitle">{{item.label}}</h3>

					<ul class="bp-c-project__links">
						{% for _link in item.links %}
							<li class="bp-c-project__link">
								{{link.default("", {
									text: _link.label,
									url: _link.url
								})}}
							</li>
						{% endfor %}
					</ul>
				</div>
			{% endfor %}
		</div>
	</article>

{% endmacro %}