<templates>
  <div t-name="o-spreadsheet-RibbonMenu">
    <div class="o-ribbon-menu d-flex flex-column" t-ref="this.menuRef">
      <div class="o-ribbon-title d-flex py-2 fw-bold">
        <div
          class="o-previous-button px-3 py-1 mx-2 rounded"
          t-on-click="this.onClickBack"
          t-att-title="this.backTitle">
          <i class="oi" data-icon="keyboard_arrow_left"/>
        </div>
        <span class="d-flex align-items-center" t-out="this.state.title"/>
      </div>
      <div
        class="o-ribbon-menu-wrapper overflow-auto"
        t-ref="this.containerRef"
        t-on-scroll="this.updateShadows">
        <Menu t-props="this.menuProps"/>
      </div>
    </div>
  </div>
</templates>
