<BasicDropdown @horizontalPosition="auto-left" @verticalPosition="below" @renderInPlace={{this.media.isMobile}} as |d|>
  <d.Trigger
    @htmlTag={{if (eq this.type "replication") "span" "button"}}
    class={{if (eq this.type "replication") "" "button is-transparent"}}
  >
    <span class="status-indicator-color">
      <Icon @name={{this.glyphName}} aria-label={{@ariaLabel}} />
    </span>
    <div class="status-menu-label">
      {{@label}}
    </div>
    <Chevron @direction="down" class="has-text-white is-status-chevron" />
  </d.Trigger>
  <d.Content @defaultClass={{concat "status-menu-content status-menu-content-" this.type}}>
    {{#if (eq this.type "user")}}
      {{#if (and this.currentCluster.cluster.name this.auth.currentToken)}}
        <AuthInfo @activeClusterName={{this.currentCluster.cluster.name}} @onLinkClick={{fn this.onLinkClick null}} />
      {{/if}}
    {{else}}
      <ClusterInfo @cluster={{this.currentCluster.cluster}} @onLinkClick={{fn this.onLinkClick d}} />
    {{/if}}
  </d.Content>
</BasicDropdown>