{% if groups is not empty %}
  <select class="component-builder--component-type" id="edit-component-type" tabindex="-1" name="{{ name }}" data-default="{{ default }}">
    {% for group in groups %}
      {% if group['items'] is not empty %}
        <optgroup label="{{ group.label }}">
          {% for item in group['items'] %}
            <option {{ value.selected }} value="{{ item.value }}"{{ item.selected ? ' selected="selected"' }}>{{ item.label }}</option>
          {% endfor %}
        </optgroup>
      {% endif %}
    {% endfor %}
  </select>
  <div class="edit-component-type--properties">
    <em class="icon-component-type--properties">icon</em>
  </div>
{% endif %}
