/******************************************************************************
**
** Copyright (C) 2024 The Qt Company Ltd.
** Contact: https://www.qt.io/licensing/
**
** This file is part of the Qt Quick Ultralite module.
**
** $QT_BEGIN_LICENSE:COMM$
**
** Commercial License Usage
** Licensees holding valid commercial Qt licenses may use this file in
** accordance with the commercial license agreement provided with the
** Software or, alternatively, in accordance with the terms contained in
** a written agreement between you and The Qt Company. For licensing terms
** and conditions see http://www.qt.io/terms-conditions. For further
** information use the contact form at http://www.qt.io/contact-us.
**
** $QT_END_LICENSE$
**
******************************************************************************/
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)
    }
}