import QtQuick
import QtQuick.Controls
import QtQuick.Controls.impl // Needed for features like the Control.blend() function
import DesignSystem

Button {
    id: control
    font.family: Fonts.dotrice
    font.bold: true

    contentItem: IconLabel {
        spacing: control.spacing
        mirrored: control.mirrored
        display: control.display

        icon: control.icon
        text: control.text
        font: control.font
        color: "#FFFFFF"
    }

    background: Rectangle {
        // NOTE: copied from ~/Qt/6.8.3/macos/qml/QtQuick/Controls/Basic/Button.qml
        implicitWidth: 100
        implicitHeight: 40
        visible: !control.flat || control.down || control.checked || control.highlighted
        color: Color.blend(control.checked || control.highlighted ? control.palette.dark : control.palette.button, control.palette.mid, control.down ? 0.5 : 0.0)
        border.color: control.palette.highlight
        border.width: control.visualFocus ? 2 : 0
        // custom
        radius: Theme.radius
    }
}