<div class="balloon-wrapper">

  {{#if isMenuOpen}}
    <div class="js-language-balloon balloon {{if balloonClass balloonClass 'balloon--up balloon--right balloon--md'}} balloon--cols show">
      <ul class="balloon__list">
        {{#each languages.firstColumn as |language|}}
          <li>{{language-select/language-select-row language}}</li>
        {{/each}}
      </ul>
      <ul class="balloon__list">
        {{#each languages.secondColumn as |language|}}
          <li>{{language-select/language-select-row language}}</li>
        {{/each}}
      </ul>
    </div>
  {{/if}}

  <a href="#" class="js-language-select {{if linkClass linkClass}}" {{action 'toggle'}}>{{t 'general.Twitch.language'}}</a>

</div>
