/*
 * 输入框组件
 * EZOpenSDK
 *
 * Created by junecheng on 2024/3/5.
 * Copyright (c) 2024年 Ezviz. All rights reserved.
 */
@Component
export default struct LoginTextInput {
  textInputTitle: string | Resource = ''
  @Link textInputValue: string
  textInputPlaceholder: string | Resource = ''

  build() {
    Column() {
      Text(this.textInputTitle).fontSize(18)
      TextInput({ text: this.textInputValue, placeholder: this.textInputPlaceholder })
        .onChange((value: string) => {
          this.textInputValue = value
        })
        .backgroundColor(Color.Transparent)
        .borderRadius(0)
        .fontSize(10)
        .placeholderFont({ size: 10 })// 设置placeholder字体大小
        .padding({ left: 0 })
        .height(28)
      Text().width('100%').height(1).backgroundColor(Color.Black)
    }.width('100%').margin({ top: 10 }).alignItems(HorizontalAlign.Start)
  }
}