{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{# atoms #}
{% import "styleguides/general/atoms/radio/radio-macros.njk" as radio %}
{% import "styleguides/general/atoms/label/label-macros.njk" as label %}

{# molecules #}
{% import "styleguides/general/molecules/option/option-macros.njk" as option %}

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

<div class="o-options {{classes}}">
  {{label.default("o-options__label " + data.label.classes, {
    text: data.label.text
  })}}

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

      <li class="o-options__item">
        {{option.default("", {
          overlay: item.overlay,
          name: data.name,
          id: item.id,
          content: item.content,
          icon: item.icon
        })}}
      </li>

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

{% endmacro %}