{{ define "telemetry_output" }}
{{ range $k, $v := . }}
<div class="py-3 px-5">
  <span class="flex justify-between items-center">
    <span class="font-mono font-bold text-dark dark:text-gray-200">
      {{ partial "heading.html" (dict "text" $k "level" 4) }}
    </span>

    {{ with $v.type }}
    {{ partial "badge.html" (dict "word" $v.type "color" "gray") }}
    {{ end }}
  </span>

  {{ with $v.description }}
  <div class="my-3 prose dark:prose-dark max-w-none">
    {{ . | markdownify }}
  </div>
  {{ end }}

  {{ if $v.deprecated }}
  <div class="mt-3 border-2 rounded-md border-yellow-400 flex flex-col space-y-1.5 py-2 px-3">
    <span>
      {{ partial "heading.html" (dict "text" "Deprecated" "level" 5 "toc_hide" true) }}
    </span>
    <div class="flex space-x-5 items-center">
      <div class="flex-shrink-0">
        <svg xmlns="http://www.w3.org/2000/svg" class="text-yellow-500 h-5 w-5" fill="none" viewBox="0 0 24 24"
          stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
            d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
      </div>
      <div class="prose dark:prose-dark max-w-none leading-snug">
        {{ if $v.deprecated_message }}
        {{ $v.deprecated_message | markdownify }}
        {{ else }}
        This metric is deprecated.
        {{ end }}
      </div>
    </div>
  </div>
  {{ end }}

  {{ with $v.tags }}
  <div class="mt-3 border rounded dark:border-gray-700">
    <div class="flex flex-col divide-y dark:divide-gray-700">
      {{ range $k, $v := . }}
      <div class="py-2.5 px-4">
        <span class="flex justify-between items-center">
          <span class="font-mono font-semibold">
            {{ $k }}
          </span>

          <span>
            {{ if not $v.required }}
            {{ partial "badge.html" (dict "word" "optional" "color" "blue") }}
            {{ end }}
          </span>
        </span>

        {{ with $v.description }}
        <div class="prose dark:prose-dark">
          {{ . | markdownify }}
        </div>
        {{ end }}
      </div>
      {{ end }}
    </div>
  </div>
  {{ end }}
</div>
{{ end }}
{{ end }}