lvgl:
  pages:
    - id: component_preview
      bg_color: 0x08142D
      bg_opa: 100%
      widgets:
        - obj:
            id: mb1_card
            x: 0
            y: 0
            width: 100
            height: 100
            scrollbar_mode: OFF
            bg_color: 0x070E1B
            bg_opa: 95%
            border_color: 0x162038
            border_width: 1
            border_opa: 20%
            radius: 16
            shadow_width: 0
            shadow_color: 0x10B981
            shadow_opa: 0%
            widgets:
              - label:
                  id: mb1_lbl_value
                  x: 10
                  y: 10
                  width: 80
                  height: 24
                  text: '87%'
                  text_color: 0x10B981
                  text_font: montserrat_20
                  text_align: CENTER
                  long_mode: CLIP
              - label:
                  id: mb1_lbl_name
                  x: 10
                  y: 38
                  width: 80
                  height: 14
                  text: 'Battery'
                  text_color: 0x8E9FB8
                  text_font: montserrat_10
                  text_align: CENTER
                  long_mode: CLIP
              - bar:
                  id: mb1_bar
                  x: 10
                  y: 69
                  width: 80
                  height: 8
                  value: 87
                  min_value: 0
                  max_value: 100
                  bg_color: 0x0F1929
                  bg_opa: 100%
                  indicator:
                    bg_color: 0x10B981
                    bg_opa: 80%
                    radius: 4