Multiple menus with push animation

[luxzeitlos]

Is this possible?

I mean I can wrap two burger-menus. But is this a good idea? And is there a nicer solution?

{{#burger-menu
  animation='push'
  position='left'
  as |burger1|
}}
  {{#burger1.menu itemTagName="li" dismissOnItemClick=true as |menu|}}
      Left
  {{/burger1.menu}}

  {{#burger1.outlet}}
    {{#burger-menu
      animation='push'
      position='right'
      as |burger2|
    }}
      {{#burger2.menu itemTagName="li" dismissOnItemClick=true as |menu|}}
          Right
      {{/burger2.menu}}

      {{#burger2.outlet}}
        <a {{action burger1.state.actions.toggle}}>
          OPEN Left
        </a>
        <a {{action burger2.state.actions.toggle}}>
          OPEN Right
        </a>
      {{/burger2.outlet}}
    {{/burger-menu}}
  {{/burger1.outlet}}
{{/burger-menu}}