type-none mb-0 pl-0 flex"
    aria-label="Tabs example 2"
  >
    <li>
      <button
        role="tab"
        id="first-tab"
        x-ref="firstTab"
        class="tab unrounded rounded-tl rounded-tr rounded-sm"
        aria-controls="first-tab-panel"
        :aria-selected="currentTab === 1"
        @click="currentTab = 1"
        @keyup.right="currentTab = 2; $nextTick(() => $refs.secondTab.focus())"
        :tabindex="currentTab === 1 ? '0' : '-1'"
      >
        First tab
      </button>
    </li>
 