import QtQuick
import QtQuick.Layouts
import Quickshell
import Quickshell.Widgets
import Quickshell.Services.SystemTray
import qs.Common

Item {
    property var monitor: ""

    MarginWrapperManager {
        leftMargin: 5
    }

    Rectangle {
        color:"blue"
        implicitHeight: 50
        implicitWidth: 50
        // color: Theme.backgroudColor
        radius: 25
        RowLayout {
            anchors{
                horizontalCenter:parent.horizontalCenter
                verticalCenter:parent.verticalCenter
            }
            Repeater {
                model: SystemTray.items.values
                delegate: IconImage {
                    required property var modelData
                    width:30; height:30
                    source: modelData.icon
                }
            }
        }
        MouseArea {
            anchors.fill: parent
            onClicked: {
                console.log(SystemTray.items.values[0].icon)
            }
        }
    }
}