import QtQuick
import Quickshell
import Quickshell.Hyprland
import Quickshell.Io

MouseArea {
    id: powerButton
    width: 30
    height: bar.height
    hoverEnabled: true
    cursorShape: Qt.PointingHandCursor
    
    Rectangle {
        anchors.fill: parent
        color: powerButton.containsMouse ? "#2a2a2a" : "transparent"
        radius: 6

        Item {
            anchors.fill: parent
            Process {
                id: powerOff
                command: ["wlogout", "-b", "2"]
                stdout: StdioCollector {
                    onStreamFinished: console.log(`line read: ${this.text}`)
                }
            }

            MouseArea {
                hoverEnabled: true
                cursorShape: Qt.PointingHandCursor
                anchors.fill: parent
                onClicked: {
                    console.log("Running PowerOff Menu")
                    powerOff.startDetached()
                }
            }
        }

        Text {
            anchors.centerIn: parent
            text: ""
            font.pixelSize: 26
            font.family: "Nerd Font"
            color: "#ffffff"
        }
    }
}