{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}

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

	<div class="c-circles {{classes}}">

		{% for i in range(0, 6) %}
			<div class="c-circle__item c-circle__item-{{loop.index}}">
				{% include "./assets/circle-0" + (
				loop.index) + ".svg" %}
			</div>
		{% endfor %}

	</div>

{% endmacro %}

{% macro colors(classes, data) %}

	<div class="c-circles {{classes}}">
		{% set fat = "" %}

		{% for i in range(0, 6) %}
			{% if i%3 == 1%}
				{% set color = "secondary" %}
			{% else %}
				{% set color = "primary" %}
			{% endif %}
			{% if i == 5%}
				{% set fat = "c-circle--fat" %}
			{% else %}
				{% set fat = "" %}
			{% endif %}
			<div class="c-circle__item c-circle__item-{{loop.index}} c-circle--color-{{color}} {{fat}}">
				{% include "./assets/circle-0" + (
				loop.index) + ".svg" %}
			</div>
		{% endfor %}

	</div>

{% endmacro %}