import { ListHasNoMoreDataUI } from 'wdComponent/Index'
import { TabChatItemComponent } from './TabChatItemComponent'

@Component
export struct TabChatComponent {
  arr: string[] = []

  aboutToAppear(): void {
    for (let index = 0; index < 12; index++) {
      this.arr.push(index + '')
    }
  }

  build() {
    Stack() {
      if (this.arr.length == 0) {
        ListHasNoMoreDataUI({ style: 2 })
      } else {
        List() {
          ForEach(this.arr, (item: string) => {
            ListItem() {
              TabChatItemComponent()
            }
          })
          ListItem() {
            ListHasNoMoreDataUI()
          }
        }
      }
    }
    .align(Alignment.Top)
    .backgroundColor('#F5F5F5')
    .height('100%')
    .width('100%')
  }

  aboutToDisappear(): void {
  }
}