Item {
    Rectangle {
        color: "blue"
        anchors.fill: parent
    }
    
    Button {
        text: "Open"
        onClicked: drawer.open()
    }

    Drawer {
        id: drawer
        edge: Qt.LeftEdge
        y: 50
        height : 500
        width: 500
        enabled: true
        dragMargin: 25
        modal: true
        //closePolicy: Popup.CloseOnPressOutsideParent | Popup.CloseOnPressOutside


        background: Rectangle {
            color: "black"
            opacity: 0.25
        }

        Behavior on opacity {
            NumberAnimation{ duration: 500}
        }


        Rectangle {
            color: "red"
            anchors.centerIn: parent
            visible : true
            width: 100
            height: 100
        }

        Label {
            text: "test"
            anchors.centerIn: parent
        }

        onVisibleChanged: {
            console.log("visible changed of drawer: " + visible)
        }
    }
}