import QtQuick 2.5
import QtQuick.Layouts 1.1
import Qt.labs.controls 1.0

ApplicationWindow {
    visible: true
    width: 640
    height: 300

    ListModel {
        id: tabModel

        ListElement {
            text: "Test 0"
        }
//        ListElement {
//            text: "Test 1"
//        }
    }

    ColumnLayout {
        anchors.fill: parent

        TabBar {
            id: tabBar

            Layout.fillHeight: false
            Layout.fillWidth: true

            Repeater {
                model: tabModel
                delegate: TabButton {
                    text: model.text
                }
            }
        }

        Item {
            Layout.fillHeight: true
            Layout.fillWidth: true
        }

        Button {
            Layout.fillHeight: false
            Layout.fillWidth: false
            Layout.alignment: Qt.AlignHCenter
            text: "Add"
            onClicked: {
                tabModel.append({ "text": "Test new" })
                tabBar.currentIndex = tabModel.count - 1
            }
        }
    }
}