++++
<div class="tabs" data-tab-group="host">
  <div role="tablist" aria-label="Diagnose unassigned shards">
    <button role="tab"
            aria-selected="true"
            aria-controls="cloud-tab-diagnose-unassigned-shards"
            id="cloud-diagnose-unassigned-shards">
      Elasticsearch Service
    </button>
    <button role="tab"
            aria-selected="false"
            aria-controls="self-managed-tab-diagnose-unassigned-shards"
            id="self-managed-diagnose-unassigned-shards"
            tabindex="-1">
      Self-managed
    </button>
  </div>
  <div tabindex="0"
       role="tabpanel"
       id="cloud-tab-diagnose-unassigned-shards"
       aria-labelledby="cloud-diagnose-unassigned-shards">
++++

include::diagnose-unassigned-shards.asciidoc[tag=cloud]

++++
  </div>
  <div tabindex="0"
       role="tabpanel"
       id="self-managed-tab-diagnose-unassigned-shards"
       aria-labelledby="self-managed-diagnose-unassigned-shards"
       hidden="">
++++

include::diagnose-unassigned-shards.asciidoc[tag=cloud]

++++
  </div>
</div>
++++