import QtQuick
import QtQuick.Controls.Basic
import "../" as App

Button {
    id: control
    implicitHeight: App.Theme.controlHLg
    leftPadding: 24
    rightPadding: 24
    font.family: App.Theme.fontFamily
    font.pointSize: App.Theme.fontBase
    font.weight: Font.DemiBold

    contentItem: Text {
        text: control.text
        font: control.font
        color: App.Theme.textOnAccent
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
    }

    background: Rectangle {
        radius: App.Theme.radiusPill
        color: control.pressed
            ? App.Theme.accentPressed
            : (control.hovered ? App.Theme.accentHover : App.Theme.accent)

        Behavior on color {
            ColorAnimation { duration: 120; easing.type: Easing.OutCubic }
        }
    }
}