{% set tab_id = tab.id | default("tab-#{random(9000)}") %}

{% set IE9_support = true %}
{% set older_support = false %}



{% if IE9_support %}
<!--[if lte IE 9]>
<div class="c-tab">
<![endif]-->
{% elseif older_support %}
<div class="c-tab">
{% endif %}


  <input class="c-tab__input" type="{{ tab.type | default("radio") }}" name="{{ tabs_name }}" id="{{ tab_id }}" role="tab" {% if tab.checked %}checked{% endif %} />
  <label for="{{ tab_id }}" class="c-tab__label">{{ tab.label | default("Default Tab Label") }}</label>
  
  <div class="c-tab__panel">
    <div class="c-tab__content" role="tabpanel" aria-label="{{ tab.aria_label | default(tab.label) | default("Default Aria Label") }}">
      {% block tab_content %}
        Tab Content
      {% endblock %}
    </div>
  </div>
  
  
  {% if IE9_support %}
  <!--[if lte IE 9]>
</div>
  <![endif]-->
  {% elseif older_support %}
</div>
  {% endif %}