import Quickshell
import QtQuick // for Text
import QtQuick.Controls
import QtQuick.Layouts
import Quickshell.Hyprland
import Quickshell.Io
import Quickshell.Widgets

Item {
    width: 30
    height: 30

    id: root

    property var window: null

    ClippingWrapperRectangle {
        radius: 5
        width: 30; height: 30
        Button {
            id: button
            text: " "
            font.pointSize: 16
            
            onClicked: menu.visible = !menu.visible
            implicitHeight: parent.height
        }
    }

    PopupWindow {
        
        id: menu

        anchor.window: window
        anchor.rect.x: root.parent.x + root.parent.width - width
        anchor.rect.y: 50
        implicitWidth: 250
        implicitHeight: 150
        visible: true

        color: "transparent"
        
        ClippingWrapperRectangle {
            radius: 5

            implicitHeight: parent.height - 20
            implicitWidth: parent.width
            
            ColumnLayout {

                spacing: 2

                Button {
                    x: (parent.width - width) / 2
                    implicitWidth: parent.width - 10
                    implicitHeight: parent.height / 4 - parent.spacing
                }
                
                Button {
                    x: (parent.width - width) / 2
                    implicitWidth: parent.width - 10
                    implicitHeight: parent.height / 4 - parent.spacing
                }
                
                Button {
                    x: (parent.width - width) / 2
                    implicitWidth: parent.width - 10
                    implicitHeight: parent.height / 4 - parent.spacing
                }
                
                Button {
                    x: (parent.width - width) / 2
                    implicitWidth: parent.width - 10
                    implicitHeight: parent.height / 4 - parent.spacing
                }
            }
        }
    }
}