{{- $labels := split (.Get "labels") ";;" -}}


<div class="tab__container w-full">
  <div class="tab__nav" role="tablist">
    <div class="flex gap-1 overflow-x-auto">
      {{- range $index, $label := $labels -}}
        <button
          class="tab__button px-3 py-2 text-sm font-semibold border-b-2 border-transparent rounded-t-md hover:bg-neutral-200 dark:hover:bg-neutral-700 {{ if eq $index 0 }}
            tab--active
          {{ end }}"
          role="tab"
          aria-selected="{{ cond (eq $index 0) "true" "false" }}"
          data-tab-index="{{ $index }}">
          {{ trim $label " " }}
        </button>
      {{- end -}}
    </div>
  </div>
  <div class="tab__content mt-4">
    {{ .Inner }}
  </div>
</div>