import QtQuick 2.15
import "fauxcyrillic.js" as Faux


// Pulsante di sistema (sospendi / riavvia / spegni).
Rectangle {

    FontLoader {
        id: themeFont
        source: "assets/fonts/RussoOne-Regular.ttf"
    }

    id: pbtn
    property string label: ""
    property bool enabled: true
    property bool hovered: false
    signal clicked()
    height: 34
    color: !pbtn.enabled ? "#77101012" : (pbtn.hovered ? "#33d83a28" : "#cc101012")
    border.color: pbtn.enabled ? "#99f0dfba" : "#55f0dfba"
    border.width: 1

    Text {
        anchors.centerIn: parent
        text: Faux.apply(pbtn.label)
        color: pbtn.enabled ? "#f0dfba" : "#aaf0dfba"
        font.family: themeFont.name
        font.pixelSize: 13
        font.bold: true
        font.letterSpacing: 1
    }

    MouseArea {
        anchors.fill: parent
        enabled: pbtn.enabled
        hoverEnabled: true
        onClicked: pbtn.clicked()
        onEntered: pbtn.hovered = true
        onExited: pbtn.hovered = false
    }
}