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

Button {
    id: control
    implicitHeight: App.Theme.controlHMd
    leftPadding: 18
    rightPadding: 18
    font.family: App.Theme.fontFamily
    font.pointSize: App.Theme.fontSm

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

    background: Rectangle {
        radius: App.Theme.radiusMd
        color: control.pressed
            ? App.Theme.bgSubtle
            : (control.hovered ? App.Theme.bgHover : App.Theme.bgSurface)
        border.width: 1
        border.color: control.hovered ? App.Theme.borderStrong : App.Theme.borderDefault

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