<div
  class="global-nav-link {{classes}}"
  ng-class="{ active: isActive, 'is-global-nav-link-disabled': isDisabled }"
  tooltip="{{ tooltipContent }}"
  tooltip-placement="right"
  tooltip-popup-delay="0"
  tooltip-append-to-body="1"
>
  <a
    class="global-nav-link__anchor"
    href="{{ getHref() }}"
    ng-click="onClick({ $event: $event })"
    data-test-subj="appLink"
    title="{{ title }}"
  >
    <div class="global-nav-link__icon">
      <img
        ng-if="icon"
        class="global-nav-link__icon-image"
        kbn-src="{{ '/' + icon }}"
      >

      <span
        ng-if="!icon"
        class="global-nav-link__icon-placeholder"
        data-test-subj="appLinkIconPlaceholder"
      >
        {{ title[0] }}
      </span>
    </div>

    <div class="global-nav-link__title">
      {{ title }}
    </div>
  </a>
</div>
