<div class="c-menu-panel">
  <div class="c-menu-panel__body" aria-live="polite">
    <div class="c-menu-panel__close-button c-menu-panel__close-button--first">
      {{> button
        buttonModifierClasses="c-button--grey-secondary c-button--no-border c-button--icon-only"
        buttonIconId="#close-x"
        buttonAttributes="type=\"button\" aria-label=\"Close panel\""
      }}
    </div>
    <div class="c-menu-panel__page c-menu-panel__page--search" hidden>
      <div class="c-menu-panel__pane">
        <div class="c-menu-panel__sub-pane">
          {{> search-box searchBox1}}
        </div>
      </div>
    </div>
    <div class="c-menu-panel__page c-menu-panel__page--categories">
      <div class="c-menu-panel__pane">
        <div class="c-menu-panel__sub-pane">
          {{> search-box searchBox2}}
          {{> accordion accordion1}}
        </div>
      </div>
      <div class="c-menu-panel__pane">
        <div class="c-menu-panel__sub-pane">
          <h3 class="c-menu-panel__heading">Quick links</h3>
          <ul class="c-menu-panel__quick-links">
            {{#each quickLinks}}
              <li class="c-menu-panel__quick-link-item">
                <a class="c-menu-panel__quick-link" href="#">{{this}}</a>
              </li>
            {{/each}}
          </ul>
          <h3 class="c-menu-panel__heading">Customer service</h3>
          {{> accordion accordion2}}
        </div>
      </div>
      <div class="c-menu-panel__close-button c-menu-panel__close-button--second">
        {{> button
          buttonModifierClasses="c-button--grey-secondary c-button--no-border c-button--icon-only"
          buttonIconId="#close-x"
          buttonAttributes="type=\"button\" aria-label=\"Close panel\""
        }}
      </div>
    </div>
  </div>
  <div class="c-menu-panel__footer">
    <ul class="c-menu-panel__footer-links">
      {{#each footerLinks}}
        <li class="c-menu-panel__footer-link-item">
          <a class="c-menu-panel__footer-link" href="#">{{this}}</a>
        </li>
      {{/each}}
    </ul>
  </div>
</div>
