{#
/**
 * @file
 * Theme override for a local task link.
 *
 * Available variables:
 * - attributes: HTML attributes for the wrapper element.
 * - is_active: Whether the task item is an active tab.
 * - link: A rendered link element.
 * - level: The menu level where the tab is rendered.
 *
 * Note: This template renders the content for each task item in
 * menu-local-tasks.html.twig.
 *
 * @see \Drupal\Core\Menu\MenuPreprocess::preprocessMenuLocalTask()
 */
#}
{%
  set classes = [
    'tabs__tab',
    level == 'primary' ? 'js-tab',
    is_active ? 'is-active',
    is_active ? 'js-active-tab',
  ]
%}
<li{{ attributes.addClass(classes) }}>
  {{ link }}
  {% if is_active and level == 'primary' %}
    {{ attach_library('core/drupal.reset-appearance') }}
    <button class="reset-appearance tabs__trigger" type="button" aria-label="{{ 'Tabs display toggle'|t }}" data-drupal-nav-tabs-trigger>
      <span class="hamburger-icon" aria-hidden="false">{% include "@claro/../images/src/hamburger-menu.svg" %}</span>
      <span class="close-icon" aria-hidden="true">{% include "@claro/../images/icons/002e9a/ex.svg" %}</span>
    </button>
  {% endif %}
</li>