{{ define "fileTree" }}
  {{ if and .Name .IsDirectory }}
    <details open>
      <summary class="cursor-pointer list-none pt-1">
        <span class="inline-flex items-center gap-2 ">
          {{ i "folder" "w-3 h-3 fill-current" }}
          <span class="text-black dark:text-white">{{ .Name }}</span>
        </span>
      </summary>
      <div class="ml-1 pl-4 border-l border-gray-200 dark:border-gray-700">
        {{ range $child := .Children }}
          {{ block "fileTree" $child }} {{ end }}
        {{ end }}
      </div>
    </details>
  {{ else if .Name }}
    <div class="flex items-center gap-2 pt-1">
      {{ i "file" "w-3 h-3" }}
      <a href="#file-{{ .Path }}" class="text-black dark:text-white no-underline hover:underline">{{ .Name }}</a>
    </div>
  {{ else }}
    {{ range $child := .Children }}
      {{ block "fileTree" $child }} {{ end }}
    {{ end }}
  {{ end }}
{{ end }}