pragma ComponentBehavior: Bound

import Quickshell
import Quickshell.Wayland
import Quickshell.Services.Notifications
import QtQuick
import QtQuick.Effects

Rectangle {
    id: root
    required property bool isInRightPanel
    required property ShellScreen screen
    property bool isVisible
    color: "transparent"

    property bool _: log()
    function log() {
        console.log(hover.hovered);
        return true
    }

    anchors {
        right: parent.right
        verticalCenter: parent.verticalCenter
    }

    implicitWidth: 60
    implicitHeight: screen.height / 3

    HoverHandler {
        id: hover
        acceptedDevices: PointerDevice.Mouse | PointerDevice.TouchPad
    }

    Rectangle {
        anchors.right: parent.right
        color: "green"
        implicitWidth: hover.hovered | root.isInRightPanel ? 60 : 10
        implicitHeight: root.screen.height / 3
    }
}