<div
  class="overflow-hidden bg-white shadow sm:rounded-lg"
  data-controller="tabs"
  data-tabs-active-class="border-indigo-500 text-indigo-600"
  data-tabs-default-tab-value="tab_queries"
>
  <nav class="isolate flex rounded-t-lg shadow" aria-label="Tabs">
    <button id="tab_queries" class="w-full text-gray-500 hover:text-gray-700 border-b-2 py-4 px-1 text-center text-sm font-medium" data-tabs-target="button" data-action="click->tabs#select">
      Queries (<%= @queries.size %>)
    </button>
  </nav>

  <div data-tabs-target="tab" id="tab_queries">
    <%= render 'queries' %>
  </div>
</div>