import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQuick.Layouts 1.12
import QtQuick.Controls.Material 2.12

import Spectral 0.1
import Spectral.Effect 2.0
import Spectral.Component 2.0
import Spectral.Setting 0.1

Control {
    signal clicked()

    id: header

    background: Rectangle {
        color: MPalette.background

        layer.enabled: true
        layer.effect: ElevationEffect {
            elevation: 2
        }
    }

    RowLayout {
        anchors.fill: parent
        anchors.leftMargin: 18

        Layout.alignment: Qt.AlignVCenter

        spacing: 12

        Label {
            Layout.fillWidth: true

            text: currentRoom ? currentRoom.displayName : ""
            color: MPalette.foreground
            font.pixelSize: 18
            elide: Text.ElideRight
            wrapMode: Text.NoWrap
        }

        ToolButton {
            Layout.preferredWidth: height
            Layout.fillHeight: true

            contentItem: MaterialIcon {
                icon: "\ue5d4"
                color: MPalette.lighter
            }

            onClicked: header.clicked()
        }
    }
}