---

import { createWidget, widget } from '@zeppos/device-types'

WatchFace({
  onInit() {
    console.log('Календарь успешно инициализирован!')
  },

  build() {
    // 1. Полностью черный фон под вытянутый экран Mi Band 7 (192x490)
    createWidget(widget.BG, { x: 0, y: 0, w: 192, h: 490, color: 0x000000 })

    // 2. Текстовое поле для месяца
    const monthText = createWidget(widget.TEXT, {
      x: 10, y: 50, w: 172, h: 40,
      color: 0x00FF00, text_size: 24,
      align_h: widget.ALIGN.CENTER_H,
      text: 'ИЮЛЬ'
    })

    // 3. Интерактивная кнопка (CLICK_DOWN работает четко от тапа и не вылетает от свайпов)
    const nextBtn = createWidget(widget.BUTTON, {
      x: 21, y: 150, w: 150, h: 50, radius: 12,
      normal_color: 0x333333, press_color: 0x555555,
      text: 'Вперед', text_size: 16
    })

    // Вешаем обработчик тапа
    nextBtn.addEventListener(widget.event.CLICK_DOWN, () => {
      monthText.setProperty(widget.prop.TEXT, 'АВГУСТ')
    })
  },

  onDestroy() {
    console.log('Календарь закрыт')
  }
})