qml: introduce NavButton control

Author: jarolrod

src/Makefile.qt.include

@@ -315,6 +315,7 @@ QML_RES_QML = \
   qml/controls/ContinueButton.qml \
   qml/controls/ExternalLink.qml \
   qml/controls/Header.qml \
+  qml/controls/NavButton.qml \
   qml/controls/PageIndicator.qml \
   qml/controls/OnboardingInfo.qml \
   qml/controls/OptionButton.qml \

src/qml/bitcoin_qml.qrc

@@ -11,6 +11,7 @@
         <file>controls/ContinueButton.qml</file>
         <file>controls/ExternalLink.qml</file>
         <file>controls/Header.qml</file>
+        <file>controls/NavButton.qml</file>
         <file>controls/PageIndicator.qml</file>
         <file>controls/OnboardingInfo.qml</file>
         <file>controls/OptionButton.qml</file>

src/qml/controls/NavButton.qml

@@ -0,0 +1,59 @@
+// Copyright (c) 2022 The Bitcoin Core developers
+// Distributed under the MIT software license, see the accompanying
+// file COPYING or http://www.opensource.org/licenses/mit-license.php.
+
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+AbstractButton {
+    id: root
+    property int iconHeight: 30
+    property int iconWidth: 30
+    property int textSize: 18
+    property url iconSource: ""
+
+    padding: 0
+    background: null
+    contentItem: RowLayout {
+        anchors.fill: parent
+        spacing: 0
+        Loader {
+           id: button_background
+           active: root.iconSource.toString().length > 0
+           visible: active
+           sourceComponent: Button {
+               id: icon_button
+               padding: 0
+               display: AbstractButton.IconOnly
+               height: root.iconHeight
+               width: root.iconWidth
+               icon.source: root.iconSource
+               icon.color: Theme.color.neutral9
+               icon.height: root.iconHeight
+               icon.width: root.iconWidth
+               background: null
+               onClicked: root.clicked()
+           }
+        }
+        Loader {
+           active: root.text.length > 0
+           visible: active
+           sourceComponent: AbstractButton {
+               id: container
+               padding: 0
+               font.family: "Inter"
+               font.styleName: "Semi Bold"
+               font.pixelSize: root.textSize
+               background: null
+               contentItem: Text {
+                   anchors.verticalCenter: parent.verticalCenter
+                   font: container.font
+                   color: Theme.color.neutral9
+                   text: root.text
+              }
+              onClicked: root.clicked()
+          }
+      }
+    }
+}