moment/src/qml/Base/HInteractiveRectangle.qml

import QtQuick 2.12

HRectangle {
    id: rectangle

    property bool checkable: false  // TODO
    property bool checked: false
    property bool hovered: false
    readonly property alias pressed: tap.pressed

    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
        onHoveredChanged: rectangle.hovered = hovered
    }

    TapHandler { id: tap }
}