iv class="mb-4">
<div x-cloak x-data="{ currentTab: 1 }">
  <nav
    role="tablist"
    class="list-style-type-none mb-2"
    aria-label="Tabs example 1"
  >
    <button 
      role="tab"
      id="first-tab"
      x-ref="firstTab"
      aria-controls="first-tab-panel"
      :aria-selected="currentTab === 1"
      class="btn-info"
      :class="currentTab === 1 && 'active'"
      @click="currentTab = 1"
      @keyup.right="currentTab = 2; $nextTick(() => $refs.secondTab.focus())"
      :tabindex="currentTab