import TimeUtil from "../common/util/TimeUtil"
@Component
export struct TimeAndTitle {
  build() {
    Row() {
      Row(){
      Text(TimeUtil.getDateAndWeek())
        .fontSize($r('app.float.fontSize_6_4'))
        .fontColor($r('app.color.FFFFFF'))
        .fontWeight(FontWeight.Lighter)
      Text(' ' + TimeUtil.getTimePeriod())
        .fontSize($r('app.float.fontSize_7'))
        .fontColor($r('app.color.FFFFFF'))
        .fontWeight(FontWeight.Lighter)
      Text(' ' + TimeUtil.getHourAndMinute())
        .fontSize($r('app.float.fontSize_7'))
        .fontColor($r('app.color.FFFFFF'))
        .fontWeight(FontWeight.Lighter)
        }
      Row() {
        Image($r('app.media.state_ai'))
          .width($r('app.float.virtualSize_9_6'))
          .height($r('app.float.virtualSize_9_6'))
          .fillColor($r('app.color.FFFFFF'))
        Image($r('app.media.state_ipc'))
          .width($r('app.float.virtualSize_9_6'))
          .height($r('app.float.virtualSize_9_6'))
          .fillColor($r('app.color.FFFFFF'))
        Image($r('app.media.state_voice'))
          .width($r('app.float.virtualSize_9_6'))
          .height($r('app.float.virtualSize_9_6'))
          .fillColor($r('app.color.FFFFFF'))
        Image($r('app.media.state_microphone'))
          .width($r('app.float.virtualSize_9_6'))
          .height($r('app.float.virtualSize_9_6'))
          .fillColor($r('app.color.FFFFFF'))
      }
      .width('10%')
      .justifyContent(FlexAlign.SpaceEvenly)
      .alignItems(VerticalAlign.Bottom)
      .margin({ right: 1 })
      .height('100%')
    }
    .justifyContent(FlexAlign.SpaceEvenly)
    .alignItems(VerticalAlign.Bottom)
  }
}