<ul class="tabs">
  <li class="tab">
    <a
      href="/{{ props.service }}/user/{{ props.id }}"
      class="{{ 'active' if props.currentPage == 'posts'}}"
    >
      Posts
    </a>
  </li>
  {% if props.service == "fanbox" %}
  <li class="tab">
    <a
      href="/{{ props.service }}/user/{{ props.id }}/fancards"
      class="{{ 'active' if props.currentPage == 'fancards' }}"
    >
      Fancards
    </a>
  </li>
  {% endif %}
  {% if props.service in ("fanbox", "patreon") %}
  <li class="tab">
    <a
      href="/{{ props.service }}/user/{{ props.id }}/announcements"
      class="{{ 'active' if props.currentPage == 'announcements' }}"
    >
      Announcements
    </a>
  </li>
  {% endif %}
  {% if props.service in ("patreon", "onlyfans", "fansly", "candfans") %}
  <li class="tab">
    <a
      href="/{{ props.service }}/user/{{ props.id }}/tags"
      class="{{ 'active' if props.currentPage == 'tabs' }}"
    >
      Tags
    </a>
  </li>
  {% endif %}
  {% if props.dm_count %}
  <li class="tab">
    <a
      href="/{{ props.service }}/user/{{ props.id }}/dms"
      class="{{ 'active' if props.currentPage == 'dms'}}"
    >
      DMs ({{ props.dm_count }})
    </a>
  </li>
  {% endif %}
  {% if props.share_count %}
  <li class="tab">
    <a
      href="/{{ props.service }}/user/{{ props.id }}/shares"
      class="{{ 'active' if props.currentPage == 'shares'}}"
    >
      Uploads ({{ props.share_count }})
    </a>
  </li>
  {% endif %}
  <li class="tab">
    <a
      href="/{{ props.service }}/user/{{ props.id }}/links"
      class="{{ 'active' if props.currentPage == 'linked_accounts' }}"
    >
      Linked Accounts ({{ props.has_links }})
    </a>
  </li>
</ul>
