{{ if .IsTranslated }}
<!--div class="inline">
    {{ range .AllTranslations }}
      <a href="{{ .RelPermalink }}">{{ .Language.Params.displayName | emojify }}</a>
    {{ end }}
  </div-->

<div>
  <div class="cursor-pointer flex items-center nested-menu">
    <span class="mr-2">
      {{ partial "icon.html" "globe" }}
    </span>
    <a class="text-base font-medium text-gray-500 hover:text-gray-900" title="{{ .Title }}">
      {{- i18n "global.language" | markdownify | emojify -}}
    </a>
    <span>
      {{ partial "icon.html" "chevron-down" }}
    </span>
  </div>
  <div class="absolute menuhide">
    <div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">
      <div class="flex flex-col space-y-3">
        {{ range .AllTranslations }}
        <a href="{{ .RelPermalink }}" class="flex items-center">
          <p class="text-sm font-sm text-gray-500 hover:text-gray-900" title="{{ .Title }}">
            {{ .Language.Params.displayName | emojify }}
          </p>
        </a>
        {{ end }}
      </div>
    </div>
  </div>
</div>
{{ end }}