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

Rectangle {
    id: root
    property var activeWindow: ToplevelManager.activeToplevel
    property bool active: activeWindow ? activeWindow.activated ? true : false : false
    radius: Settings.config.rounding
    color: active ? ThemeLoader.colors.base03 : "transparent"
    implicitHeight: Settings.config.barHeight / 2 + 6
    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
        }
    }
}