import Quickshell
import QtQuick
import QtQuick.Layouts
import qs.settings
import qs

Variants {
    model: Quickshell.screens
    delegate: PanelWindow {
	required property ShellScreen modelData
	screen: modelData
        id: root
        anchors {
            top: true
            left: true
            right: true
        }
        implicitHeight: Settings.config.barHeight
        color: "transparent"
        Rectangle {
            id: bar
            anchors.fill: parent
            color: ThemeLoader.colors.base00
            RowLayout {
                id: left
		anchors.leftMargin: 10
                anchors {
                    left: parent.left
                    verticalCenter: parent.verticalCenter
                }
                Ws {barScreen: root.modelData}
		MPris {}
            }
            RowLayout {
                id: center
                anchors {
                    centerIn: parent
                }
		Title {}
            }
            RowLayout {
                id: right
                anchors {
                    right: parent.right
                    verticalCenter: parent.verticalCenter
                }
            }
        }
    }
}