import QtQuick 2.13
import QtQml 2.13
import QtQuick.Layouts 1.13
import "../"
import "../aCommon"
import "../SKMultiOption"

Item {
    id: root
    height: 38
    width: 400

    property var listOfObj: []
    property var options: ["High", "Low"]
    property var currentText: options[currentIndex]
    property var currentIndex: 0

    property var stateOfComponent: Setting.Enable
    Item {
        anchors.fill: parent

        RowLayout {
            id: idLayout
            anchors.fill: parent
            spacing: 0
            MultiOptionBtn {
                text: options[1]
                indexManager: indexManager
                myIndex: 1
                leftHasRadius: true
                radius: idBackGround.radius
            }
            Line {
                color: Colors.tertiaryEnable
                Layout.fillHeight: true
                width: 1
            }
            DropDownItem {
                width: undefined
                height: undefined
                Layout.fillHeight: true
                Layout.fillWidth: true
            }
        }
    }

    Rectangle {
        id: idBackGround
        anchors.fill: parent
        radius: Setting.mediumRadius
        color: "transparent"
        border.color: Colors.tertiaryEnable
        border.width: 1
        clip: true
    }

    CurrentSelectedManager {
        id: indexManager
    }

    function buildComponent() {}

    Component.onCompleted: {
        buildComponent()
    }
}