import QtQuick 2.13 import QtQuick.Controls 2.13 import QtQuick.Controls.Universal 2.12 import "../../imports" import "../../shared" import "./" Rectangle { id: root property int padding: Style.current.padding property alias control: radioControl property alias image: img property bool isHovered: false signal radioCheckedChanged(checked: bool) width: 312 height: 258 color: radioControl.checked ? Style.current.secondaryBackground : (isHovered ? Style.current.backgroundHover : Style.current.transparent) radius: Style.current.radius SVGImage { id: img anchors.top: parent.top anchors.topMargin: root.padding anchors.left: parent.left anchors.leftMargin: root.padding anchors.right: parent.right anchors.rightMargin: root.padding } StatusRadioButton { id: radioControl anchors.top: img.bottom anchors.topMargin: root.padding anchors.left: parent.left anchors.leftMargin: root.padding } MouseArea { anchors.fill: parent hoverEnabled: true onEntered: root.isHovered = true onExited: root.isHovered = false onClicked: { root.radioCheckedChanged(!radioControl.checked) } cursorShape: Qt.PointingHandCursor } }