{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/icon.njk" as icon %}
{% import "components/download-row.njk" as downloadRow %}

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

	<div class="bp-c-download-folder bp-js-download-folder {{classes}}">
		<div class="bp-c-download-folder__header">
			<div class="bp-c-download-folder__info">
				{{icon.default("bp-c-download-folder__icon", { name: "folder" })}}

				<p class="bp-c-download-folder__name">{{data.title}}</p>
			</div>

			{{icon.default("bp-c-download-folder__arrow", { name: "chevron-down" })}}
		</div>

		<div class="bp-c-download-folder__content">
			<ul class="bp-c-download-folder__list">
				{% for asset in data.assets %}
					<li class="bp-c-download-folder__item">
						{{downloadRow.default("", {
							item: asset
						})}}
					</li>
				{% endfor %}
			</ul>
		</div>
	</div>

{% endmacro %}