// The filled button: one per view, painted explicitly so no style can lose it.
import QtQuick
import QtQuick.Controls

import ".."

Button {
    id: control
    implicitHeight: 34
    leftPadding: 16
    rightPadding: 16

    background: Rectangle {
        radius: 8
        color: control.enabled ? Theme.ember : Theme.rule
        opacity: control.pressed ? 0.82 : (control.hovered ? 0.92 : 1)
        Behavior on opacity { NumberAnimation { duration: 110 } }
    }
    contentItem: Label {
        text: control.text
        color: control.enabled ? "white" : Theme.faint
        font.pixelSize: 13
        font.weight: Font.Medium
        font.family: Theme.sansFamily
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
    }
}