moment/src/qml/Base/HInteractiveRectangle.qml

import QtQuick 2.12

HRectangle {
    property bool checkable: false  // TODO
    property bool checked: false
    property alias pressed: tap.pressed
    property alias hovered: hover.hovered

    readonly property QtObject _ir: theme.controls.interactiveRectangle
    color: _ir.background

    HRectangle {
        anchors.fill: parent

        visible: opacity > 0
        Behavior on opacity { HNumberAnimation { factor: 0.5 } }

        opacity: pressed ? _ir.pressedOpacity :
                 checked ? _ir.checkedOpacity :
                 hovered ? _ir.hoveredOpacity :
                 0

        color: pressed ? _ir.pressedOverlay :
               checked ? _ir.checkedOverlay :
               hovered ? _ir.hoveredOverlay :
               "transparent"
    }

    HoverHandler { id: hover }
    TapHandler { id: tap }
}