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

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

<article class="bp-section bp-colors">
  <header class="bp-section__header ">
    <h2 class="bp-section__title">{{data.title | capitalize}}</h2>
  </header>

  <ul class="bp-colors__list">
    {% for item in data.items %}

      <li class="bp-colors__item">
        {{color.default("", item)}}
      </li>

    {% endfor %}
  </ul>
</article>

{% endmacro %}