component: oh-cell
config:
  on: true
  title: Lights via List
slots:
  default:
    - component: f7-list
      config:
        style:
          --f7-list-index-font-size: 1px
          --f7-list-index-item-height: 1px
          --f7-navbar-bg-color: white
          --f7-navbar-border-color: white
          --f7-navbar-font-size: 0px
          --f7-navbar-height: 0px
          --f7-navbar-link-color: black
          --f7-navbar-text-color: black
          z-index: 0
        virtualList: true
      slots:
        default:
          - component: oh-list-item
            config:
              action: popup
              actionModal: widget:ak_universal_switch_widget_v1-MVG
              actionModalConfig:
                closePopup: true
                colorItem: LoungeRoom_Color
                dimmerItem: LoungeRoom_Brightness
                header1: Lounge Lights
                sceneSelect: LoungeRoom_Scene
                switchItem: LoungeRoom_Switch
                tempItem: LoungeRoom_ColorTemperature
              icon: f7:lightbulb
              iconColor: '=(items.LoungeRoom_Switch.state === "ON") ? "null" : "gray"'
              iconUsesState: true
              title: Lounge Lights
          - component: oh-list-item
            config:
              action: popup
              actionModal: widget:ak_universal_switch_widget_v1-MVG
              actionModalConfig:
                closePopup: true
                colorItem: RileyRoom_Color
                dimmerItem: RileyRoom_Brightness
                header1: Riley Lights
                sceneSelect: RileyRoom_Scene
                switchItem: RileyRoom_Switch
                tempItem: RileyRoom_ColorTemperature
              icon: f7:lightbulb
              iconColor: '=(items.RileyRoom_Switch.state === "ON") ? "null" : "gray"'
              iconUsesState: true
              title: Riley Lights
          - component: oh-list-item
            config:
              action: popup
              actionModal: widget:ak_universal_switch_widget_v1-MVG
              actionModalConfig:
                closePopup: true
                colorItem: EthanRoom_Color
                dimmerItem: EthanRoom_Brightness
                header1: Ethan Lights
                sceneSelect: EthanRoom_Scene
                switchItem: EthanRoom_Switch
                tempItem: EthanRoom_ColorTemperature
              icon: f7:lightbulb
              iconColor: '=(items.EthanRoom_Switch.state === "ON") ? "null" : "gray"'
              iconUsesState: true
              title: Ethan Lights
  header:
    - component: f7-list
      config:
        mediaList: true
      slots:
        default:
          - component: f7-list-item
            config:
              title: Lights via List
            slots:
              title:
                - component: f7-chip
                  config:
                    icon-color: '=(items.LoungeRoom_Switch.state === "ON") ? "null" : "gray"'
                    iconF7: lightbulb
                    text: Lounge
                - component: f7-chip
                  config:
                    icon-color: '=(items.RileyRoom_Switch.state === "ON") ? "null" : "gray"'
                    iconF7: lightbulb
                    text: Riley
                - component: f7-chip
                  config:
                    icon-color: '=(items.EthanRoom_Switch.state === "ON") ? "null" : "gray"'
                    iconF7: lightbulb
                    text: Ethan