import { AmplifyArr, AmplifyImages } from '../../../mock'

const folder = 'judge/km3/amplify/'


@Component
export default struct EndPopup {
  private amplifyImgIndex: number = 0

  constructor() {
    super()
  }

  build() {
    Column() {
      Column() {

      }
      .width(530)
      .height(386)
      .backgroundImage($rawfile(`${folder}${AmplifyImages[this.amplifyImgIndex]}`))
      .backgroundImageSize({ width: '100%', height: '100%' })
      .position({ y: '25%', x: '37%' })
      .justifyContent(FlexAlign.Center)
      .onClick((e: ClickEvent) => {
        this.confirmAmplify(AmplifyArr[this.amplifyImgIndex])
      })

    }
    .width('100%')
    .height('100%')
    .position({ y: 0 })
    .backgroundColor('rgba(0,0,0,0.9)')
    .onClick(() => {
      this.closeAmplifyPop()
    })
  }

  private closeAmplifyPop: Function = () => {
  }
  private confirmAmplify: Function = () => {
  }
}