import AppConstants from "../../app/AppConstant"
import { BaseTopBar } from "../custom/BaseTopTar"
import { MessageListFragment } from "./MessageListFragment"

/**
 * 主页组件
 */
@Preview({
  title: 'ContentTable'
})
@Component
export struct  PendingMessagePage {

  build() {
    Column() {
      BaseTopBar({
        isBackImag:false,
        title: $r('app.string.title_PendingMsg')
      })
      Tabs({ barPosition: BarPosition.Start }) {
        TabContent() {
          MessageListFragment({type:0})
        }.tabBar(new SubTabBarStyle('未读消息'))

        TabContent() {
          MessageListFragment({type:1})
        }.tabBar(new SubTabBarStyle('已读消息'))

      }
      .vertical(false)
      .scrollable(true)
      .barMode(BarMode.Fixed)
      .width('100%')
      .layoutWeight(1)
      .backgroundColor(0xF1F3F5)
    }
    .width(AppConstants.PERCENTAGE_MAX)
    .height(AppConstants.PERCENTAGE_MAX)


  }
}