import QtQuick 6.8
import QtQuick.Controls 6.8
import QtQuick.Controls.Basic 6.8
import QtQuick.Layouts 6.8
import QYRComponents 1.0

RowLayout {
    // Layout.leftMargin: parent.width * 2
    // Layout.rightMargin: parent.width * 2

    TabBar {
        id: settingsCategory
        Layout.fillHeight: true

        spacing: 10

        contentItem: ListView {
            model: settingsCategory.contentModel
            currentIndex: settingsCategory.currentIndex

            spacing: settingsCategory.spacing
            orientation: ListView.Vertical
            boundsBehavior: Flickable.StopAtBounds
            flickableDirection: Flickable.AutoFlickIfNeeded
            snapMode: ListView.SnapToItem

            highlightMoveDuration: 0
            highlightRangeMode: ListView.ApplyRange
            preferredHighlightBegin: 40
            preferredHighlightEnd: width - 40
        }

        TabButton {
            text: qsTr("Appearance")
            width: 284
        }

        TabButton {
            text: qsTr("About")
            width: 284
        }
    }

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