@for (item of classifiedEasyArray; track $index) {
  <div class="px-3 pb-2">
    <div>
      <span>
        <span
          nz-icon
          nzType="right"
          class="text-gray-500 cursor-pointer transition-all hover:text-blue-500 mr-2"
          [ngClass]="{ 'rotate-0': item.collapsed, 'rotate-90': !item.collapsed }"
          (click)="onToggleCollapse(item)"
        ></span>
      </span>
      <span class="inline-block mb-1">
        <span>
          <nz-tag class="rounded mr-1" nzColor="blue"> {{ item.typeName }} - {{ item.categoryName }}</nz-tag>
        </span>
      </span>
    </div>
    <div class="overflow-hidden">
      @if (!item.collapsed) {
        <div @verticalInOutRelative class="pl-4 pt-2">
          @for (item of item.items; track item.id) {
            <div @verticalInOutRelative class="mb-2">
              <span class="inline-block text-sm">
                <span class="inline-block size-2 rounded-full bg-blue-500 mr-1"></span>
                <span> {{ item.title }}</span>
              </span>
            </div>
          }
        </div>
      }
    </div>
    <!-- <span
      nz-icon
      nzType="close"
      class="mx-1 text-gray-500 cursor-pointer transition-all hover:text-red-500 hover:rotate-180"
      (click)="onRemove(item.id)"
      ></span> -->
  </div>
}
