import QtQuick
import QtQuick.Layouts
import Quickshell

import qs
import qs.settings

Variants {
    model: Quickshell.screens
    delegate: PanelWindow {
        id: root
        required property var modelData
        screen: modelData
        anchors {
            top: true
            left: true
            right: true
        }
        implicitHeight: Config.barHeight
        color: Colors.base00
        RowLayout {
            id: leftLayout
            spacing: 5
            anchors.left: parent.left
            anchors.verticalCenter: parent.verticalCenter
            anchors.leftMargin: 10
            Ws {
                barScreen: root.modelData
            }
            ActiveWindow {}
        }

        RowLayout {
            id: centerLayout
            anchors.centerIn: parent
            spacing: 5
            Clock {}
        }

        RowLayout {
            id: rightLayout
            anchors.right: parent.right
            anchors.verticalCenter: parent.verticalCenter
            spacing: 5
            anchors.rightMargin: 10
            Mpris {}
            Bat {}
            Pw {}
            Tray {}
        }
    }
}