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

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

<div class="m-option-button {{classes}}">
  {% if data.title %}<div class="m-option-button__title">{{data.title}}</div>{% endif %}
  {% if data.content %}<div class="m-option-button__content">{{data.content | safe}}</div>{% endif %}
  <div class="m-option-button__toggles">
    {% for item in data.items %}
      <label for="{{item.name}}" class="m-option-button__item" tabindex="0">
        <input class="m-option-button__input" type="radio" id="{{item.name}}" name="{{data.group}}" value="{{item.name}}"/>
        <span class="m-option-button__label">{{item.label}}</span>
      </label>
    {% endfor %}
  </div>
</div>

{% endmacro %}