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

TextField {
    id: control
    implicitHeight: App.Theme.controlHLg
    leftPadding: 14
    rightPadding: 14
    font.family: App.Theme.fontFamily
    font.pointSize: App.Theme.fontBase
    color: App.Theme.textPrimary
    placeholderTextColor: App.Theme.textTertiary
    selectionColor: App.Theme.accent
    selectedTextColor: App.Theme.textOnAccent

    background: Rectangle {
        radius: App.Theme.radiusMd
        color: App.Theme.bgSurface
        border.width: control.activeFocus ? 2 : 1
        border.color: control.activeFocus
            ? App.Theme.accent
            : App.Theme.borderDefault

        Behavior on border.color {
            ColorAnimation { duration: 100 }
        }
    }
}