// SPDX-License-Identifier: GPL-3.0-or-later

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
* Copyright (C) 2013 - 2024, nymea GmbH
* Copyright (C) 2024 - 2025, chargebyte austria GmbH
*
* This file is part of nymea-app.
*
* nymea-app is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* nymea-app is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with nymea-app. If not, see <https://www.gnu.org/licenses/>.
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

import QtQuick
import QtQuick.Controls
import QtQuick.Controls.Material
import QtQuick.Layouts

import Nymea

TabButton {
    id: root
    property string iconSource
    property var alignment: Qt.Vertical

    contentItem: Item {
        height: root.height
        Grid {
            anchors.centerIn: parent
            columns: root.alignment == Qt.Vertical ? 1 : 2
            spacing: root.alignment == Qt.Horizontal ? app.margins : app.margins / 2
            horizontalItemAlignment: Grid.AlignHCenter
            verticalItemAlignment: Grid.AlignVCenter
            opacity: root.checked ? 1 : .4
            Behavior on opacity { NumberAnimation { duration: Style.animationDuration; easing.type: Easing.InOutQuad } }

            ColorIcon {
                width: Style.iconSize
                height: Style.iconSize
                name: root.iconSource
                color: Style.navBarForegroundColor
            }
            Label {
                id: textLabel
                text: root.text
                font.pixelSize: app.smallFont
                color: Style.navBarForegroundColor
            }
        }
    }
}