// Copyright (c) Daniel Gakwaya.
// SPDX-License-Identifier: MIT

import QtQuick
import QtQuick.Controls

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("TextField")

    Column {
        spacing: 20
        anchors.centerIn: parent

        Row {
            spacing: 30
            width: 300

            Label {
                width:  100
                height: 50
                wrapMode: Label.Wrap
                horizontalAlignment: Qt.AlignHCenter
                verticalAlignment: Qt.AlignVCenter
                text: "First Name : "
            }

            TextField {
                id : textFieldId
                width: 200
                height: 50
                placeholderText: "Type your First Name"
                onEditingFinished: {
                    console.log("Text Edit Finished : "+ text)
                }
            }
        }

        Button{
            text : "Click"
            onClicked: {
                console.log("Text is :"+ textFieldId.text)
            }

        }
    }
}