<div fxFlexFill class="list-container">
  <ucap-group-expansion
    [displayOrder]="displayOrder"
    [profile]="loginRes?.userInfo"
    [favorites]="favorites"
    [groupBuddies]="groupBuddies"
  >
    <ng-template ucapGroupExpansionNode let-node>
      <ucap-organization-profile-list-item></ucap-organization-profile-list-item>
    </ng-template>

    <ng-template ucapGroupExpansionFavoriteHeader let-node>
      <span class="header-favorite">
        <span class="title-name ellipsis">즐겨찾기</span>
        <span class="text-accent-color number">{{
          node.node.children?.length
        }}</span>
      </span>
    </ng-template>
    <ng-template ucapGroupExpansionBuddyHeader let-node>
      <span class="header-buddy">
        <span class="title-name ellipsis">버디</span>
        <span class="text-accent-color number">{{
          node.node.children?.length
        }}</span>
      </span>
    </ng-template>
    <ng-template ucapGroupExpansionDefaultHeader let-node>
      <span class="header-default">
        <span class="title-name ellipsis">기본</span>
        <span class="text-accent-color number">{{
          node.node.children?.length
        }}</span>
      </span>
    </ng-template>
  </ucap-group-expansion>
</div>
