{# ========================================================================== #}
{# :: 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>

		<p class="bp-c-project__text">{{data.text}}</p>

		<div class="bp-c-project__items bp-l-grid bp-l-grid--with-spacing">
			{% for item in data.items %}
				<div class="bp-l-grid__col bp-l-grid__col--6@small bp-l-grid__col--4@base bp-l-grid__col--3@large">
					<h3 class="bp-c-project__subtitle">{{item.title}}</h3>

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

{% endmacro %}