import QtQuick

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Dragstar")

    DropArea {
        anchors.fill: parent
        onEntered: (drag) => {
            console.log("### ENTERED")
            dropIndicator.visible = true
        }
        onExited: () => {
            console.log("### EXITED")
            dropIndicator.visible = false
        }
        onDropped: (drop) => {
            console.log("### DROPPED")
            dropIndicator.visible = false
        }
    }

    Text {
        visible: !dropIndicator.visible
        anchors.centerIn: parent
        text: qsTr("Drag me some content!")
    }

    Rectangle {
       id: dropIndicator
       border.width: 12
       border.color: "green"
       anchors.fill: parent
       visible: false
       color: "grey"

       Text {
           anchors.centerIn: parent
           text: qsTr("Drop it...")
       }
   }
}