import QtQuick
import QtQuick.Layouts
import Quickshell

import qs

Variants {
    model: Quickshell.screens
    delegate: PanelWindow {
        id: root
        required property var modelData
        screen: modelData
        anchors {
            top: true
            left: true
            right: true
        }
        implicitHeight: 30
        color: Colors.base00
        RowLayout {
            id: leftLayout
            spacing: 5
            anchors.left: parent.left
            anchors.verticalCenter: parent.verticalCenter
            anchors.leftMargin: 10
            Ws {
                barScreen: root.modelData
                barHeight: root.implicitHeight
            }
            ActiveWindow {
                vertMargin: barHeight / 4 - 4
                barHeight: root.implicitHeight
                Layout.maximumWidth: 300
                Layout.maximumHeight: barHeight - (barHeight / 4 + 2)
                Layout.fillWidth: false
            }
        }
        RowLayout {
            id: rightLayout
        }
    }
}