MouseArea {
        id: mouseArea

        property alias color: background.color

        width: 300
        height: 200
        onClicked: console.debug("onClicked", mouseArea)
        onDoubleClicked: console.debug("onDoubleClicked", mouseArea)

        Rectangle {
            id: background

            anchors.fill: parent
            color: "red"
            opacity: 0.7
        }

        Label {
            anchors.centerIn: parent
            text: qsTr("pressed: %1").arg(mouseArea.pressed)
        }
    }