import "root:/widgets"
import "root:/config"
import Quickshell
import Quickshell.Wayland
import QtQuick

Variants {
    model: Quickshell.screens

    WlrLayershell {
        id: win

        required property ShellScreen modelData
        readonly property bool vertical: BarConfig.vertical

        screen: modelData
        namespace: "caelestia-bar"
        color: "transparent"

        anchors.top: true
        anchors.left: true
        anchors.right: !vertical
        anchors.bottom: vertical

        width: contents.implicitWidth
        height: contents.implicitHeight

        Box {
            id: contents

            padding: [Appearance.padding.normal, Appearance.padding.large, 0, Appearance.padding.large]

            BoxLayout {
                vertical: win.vertical
                spacing: Appearance.spacing.larger
                padding: [0, Appearance.padding.large]
                color: Appearance.alpha(Appearance.colours.base, false)
                radius: Appearance.rounding.full

                OsIcon {}

                Clock {
                    vertical: win.vertical
                }

                ActiveWindow {
                    vertical: win.vertical
                }

                Workspaces {
                    vertical: win.vertical
                }
            }
        }
    }
}