<div>
  <div class="actions">
    <div class="content">
      <ul class="navigation-actions">
        <li><button disabled={{disablePrevious}} class="previous" {{action "previous"}}></button></li>
        <li><button disabled={{disableNext}} class="next" {{action "next"}}></button></li>
      </ul>
      <ul class="navigation-actions">
        <li><button class="next" {{action "toggleNested"}}></button></li>
      </ul>
    </div>

    <div class="close">
      <button {{action "close"}}></button>
    </div>
  </div>

  <div class="content">
    {{yield}}
  </div>
</div>

<div>
  <div class="actions">
    <div class="content">
    </div>

    <div class="close">
      <button {{action "toggleNested"}}></button>
    </div>
  </div>

  <div class="content">
    {{yield}}
  </div>
</div>

<div>
  <div class="actions">
    <div class="content">
      <ul class="navigation-actions">
        <li><button disabled={{disablePrevious}} class="previous" {{action "previous"}}></button></li>
        <li><button disabled={{disableNext}} class="next" {{action "next"}}></button></li>
      </ul>
    </div>

    <div class="close">
      <button {{action "close"}}></button>
    </div>
  </div>

  <div class="content">
    {{yield}}
  </div>
</div>

Remove hard-coded toggler and secondary side panel content
Remove hard-coded toggler and secondary side panel content
