<div {{ attributes.addClass('handheld',) }}>
  <button popovertarget="handheld-menu" class="handheld__toggle">
    <span class="sr-only">Toggle menu</span>
    {{ include('sector_material_symbols:material-symbol', {
          icon: 'menu',
          attributes: create_attribute({
            class: ['handheld__toggle-open']
          })
      }, with_context = false )}}
    {{ include('sector_material_symbols:material-symbol', {
          icon: 'close',
          attributes: create_attribute({
            class: ['handheld__toggle-close']
          })
      }, with_context = false )}}
  </button>
  <div id="handheld-menu" popover class="handheld__popover">
  {{ drupal_menu(primary|render, expand=true, suggestion='handheld') }}
  {% if secondary|render %}
    <div class="handheld__secondary">
      {{ drupal_menu(secondary|render, expand=true, suggestion='handheld') }}
    </div>
  {% endif %}
  </div>
</div>
