<% _.each(menuOptions.button, (menuOption) => { %>
<a class="btn btn-sm action pat-tooltip <%- menuOption.classes.join(' ') %>"
    href="<%- menuOption.url %>"
    title="<%- _t(menuOption.title) %>"
    aria-label="<%- _t(menuOption.title) %>">
  <% if (menuOption.iconSVG) { %>
    <%= menuOption.iconSVG %>
  <% } else { %>
  <%- _t(menuOption.title) %>
  <% } %>
</a>
<% }); %>


<% if (menuOptions.dropdown) { %>
<div class="dropdown">
  <button class="dropdown-toggle btn btn-sm"
      type="button"
      data-bs-toggle="dropdown"
      aria-haspopup="true"
      aria-expanded="false"
      id="<%- id %>"
      title='<%- _t("Actions") %>'>
    <%= dropdownIcon %><span class="caret"></span>
  </button>
  <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="<%- id %>">
    <% if (header) { %>
      <li class="dropdown-header"><%- header %></li>
      <li class="divider"></li>
    <% } %>

    <% _.each(menuOptions.dropdown, (menuOption) => { %>
    <li>
      <a class="dropdown-item action <%- menuOption.classes.join(' ') %>"
          href="<%- menuOption.url %>">
        <% if (menuOption.iconSVG) { %>
          <%= menuOption.iconSVG %>
        <% } %>
        <%- _t(menuOption.title) %>
      </a>
    </li>
    <% }); %>
  </ul>
</div>
<% } %>
