// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial
import QtQuick

Rectangle {
    id: root
    color: root.isSelected ? selectedLayout : deSelectedLayout

    readonly property color selectedLayout: "#003f48"
    readonly property color deSelectedLayout: "#d4d4d4"
    readonly property color selectedLayoutTxt: "#21db81"
    readonly property color deSelectedLayoutTxt: "#003f47"
    property alias title: txt.text
    property int index
    property bool isSelected: false
    signal selected(int index)

    Text {
        id: txt
        anchors.centerIn: parent
        color: root.isSelected ? selectedLayoutTxt : deSelectedLayoutTxt
        font.pointSize: 10
    }
    MouseArea {
        anchors.fill: parent
        onClicked: selected(root.index)
    }
}