import Quickshell
import Qt5Compat.GraphicalEffects
import Quickshell.Wayland
import QtQuick
import QtQuick.Layouts
import qs
import qs.widgets
import qs.settings

Rectangle {
    id: root
    layer {
        enabled: true
        effect: DropShadow {
            color: Colors.base01
            radius: 4
            verticalOffset: 2
            horizontalOffset: 2
            samples: 18
        }
    }
    property var activeWindow: ToplevelManager.activeToplevel
    property bool active: activeWindow ? activeWindow.activated ? true : false : false
    radius: Settings.config.rounding
    color: active ? Colors.base02 : "transparent"
    implicitHeight: Settings.config.barHeight / 1.5
    implicitWidth: titleText.width + 14
    RowLayout {
        anchors.centerIn: parent
        CText {
            id: titleText
            Layout.maximumWidth: 300
            text: root.activeWindow ? root.activeWindow.activated ? root.activeWindow.title : "" : ""
            elide: Text.ElideRight   // Allows wrapping
        }
    }
}