<div class="ct-bar ct-bar--ember">
  <div class="ct-bar__left ct-crumbs">
    {{#link-to 'directory.creative' class="ct-bar__crumb ct-crumb ct-crumb--1"}}
      <div class="ct-crumb__label ct-crumb__label--title">{{i18n "Creative"}}</div>
    {{/link-to}}
    {{yield}}
  </div>
  <div class="ct-bar__right">
    {{#if game}}
      <div class="ct-bar__item">
        <div>{{game-follow-button game=game}}</div>
      </div>
    {{/if}}
    {{#if showCommunities}}
      <div class="ct-bar__item">
        {{#link-to 'directory.creative.communities'}}
          {{i18n "Communities"}}
        {{/link-to}}
      </div>
    {{/if}}
    <div class="ct-bar__item balloon-wrapper">
      {{partial 'svg/nav_more'}}
      <div class="balloon balloon--left balloon--dropmenu balloon--sm">
        <ul class="balloon__list">
          {{#if currentTag}}
            <li class="balloon__title">
              {{game-follow-button game=game followText="Follow Creative"}}
            </li>
            <li class="balloon__stroke"></li>
          {{/if}}
          <li>
            {{#link-to 'create-landing' class='balloon__link'}}
              {{i18n "About Creative"}}
            {{/link-to}}
          </li>
          <li>
            <a href="http://help.twitch.tv/customer/portal/articles/2176641-creative-faq" class="balloon__link" target="_blank" rel="noopener noreferrer">
              {{t 'general.common.faq'}}
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
