lvgl:
  pages:
    - id: component_preview
      bg_color: 0x08142D
      bg_opa: 100%
      widgets:
        - obj:
            id: si_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: 12
            shadow_width: 0
            shadow_color: 0x10B981
            shadow_opa: 0%
            widgets:
              - led:
                  id: si_led
                  x: 43
                  y: 22
                  width: 14
                  height: 14
                  color: 0x10B981
                  brightness: 70%
                  bg_color: 0x0F1929
                  border_width: 0
                  radius: 50
                  shadow_width: 8
                  shadow_color: 0x10B981
              - label:
                  id: si_lbl_name
                  x: 12
                  y: 51
                  width: 76
                  height: 18
                  text: 'Motion Sensor'
                  text_color: 0xF1F5F9
                  text_font: montserrat_10
                  text_align: CENTER
                  long_mode: CLIP
              - label:
                  id: si_lbl_status
                  x: 12
                  y: 73
                  width: 76
                  height: 16
                  text: 'Online'
                  text_color: 0x10B981
                  text_font: montserrat_12
                  text_align: CENTER
                  long_mode: CLIP