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

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

	<div class="bp-c-download-all bp-js-download-all" data-download-all-zip="{{data.zip}}">
		{{button.link("bp-c-download-all__button bp-c-button--outline", data.button)}}

		<div class="bp-c-download-all__items">
			{% for item in data.items %}
				<span class="bp-c-download-all__item">{{item.path}}</span>
			{% endfor %}

			{% for folder in data.folders %}
				<div class="bp-c-download-all__folder">
					<span class="bp-c-download-all__folder-name">{{folder.title}}</span>

					{% for file in folder.files %}
						<span class="bp-c-download-all__folder-file">{{file.path}}</span>
					{% endfor %}
				</div>
			{% endfor %}
		</div>
	</div>

{% endmacro %}