<div id="titleContainer">
<h2 id="title">${this.headerText}</h2>
<div id="headerSpacer"></div>
<slot name="title-actions"></slot>
<cr-icon-button id="menuButton" title="${this.moreActionsText}"
class="icon-more-vert" @click="${this.onMenuButtonClick_}">
</cr-icon-button>
</div>
<cr-action-menu id="actionMenu"
role-description="$i18n{moduleHeaderMoreActionsMenu}">
${this.menuItemGroups.map((group, index) => html`
${group.map(item => html`
<button id="${item.action}" class="dropdown-item"
@click="${this.onButtonClick_}" data-action="${item.action}">
<cr-icon class="action-menu-icon cr-icon" icon="${item.icon}"></cr-icon>
${item.text}
</button>
`)}
<hr id="actionMenuDivider" ?hidden="${!this.showDivider_(index)}">
`)}
</cr-action-menu>