status-desktop/ui/imports/shared/controls/StyledButton.qml

import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQml 2.14

import utils 1.0
import "../"
import "../panels"

Button {
    property string label: "My button"
    property color btnColor: Style.current.secondaryBackground
    property color btnBorderColor: "transparent"
    property int btnBorderWidth: 0
    property color textColor: Style.current.blue
    property int textSize: 15
    property bool disabled: false

    id: btnStyled
    width: txtBtnLabel.width + 2 * Style.current.padding
    height: 44
    enabled: !disabled

    background: Rectangle {
        color: disabled ? Style.current.grey :
                          hovered ? Qt.darker(btnStyled.btnColor, 1.1) : btnStyled.btnColor
        radius: Style.current.radius
        anchors.fill: parent
        border.color: btnBorderColor
        border.width: btnBorderWidth
    }

    StyledText {
        id: txtBtnLabel
        color: btnStyled.disabled ? Style.current.darkGrey : btnStyled.textColor
        font.pixelSize: btnStyled.textSize
        anchors.verticalCenter: parent.verticalCenter
        anchors.horizontalCenter: parent.horizontalCenter
        text: btnStyled.label
        font.weight: Font.Medium
    }

    MouseArea {
        cursorShape: Qt.PointingHandCursor
        anchors.fill: parent
        onClicked: {
            parent.onClicked()
        }
    }
}