// SPDX-FileCopyrightText: Nheko Contributors
//
// SPDX-License-Identifier: GPL-3.0-or-later

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

Rectangle {
    color: "red"
    implicitHeight: Qt.application.font.pixelSize * 4
    implicitWidth: col.width
    height: Qt.application.font.pixelSize * 4
    width: col.width

    ColumnLayout {
        id: col

        property var emoji: emojis.mapping[Math.floor(Math.random() * 64)]

        anchors.bottom: parent.bottom

        Label {
            Layout.preferredHeight: font.pixelSize * 2
            Layout.alignment: Qt.AlignHCenter
            text: col.emoji.emoji
            font.pixelSize: Qt.application.font.pixelSize * 2
        }

        Label {
            Layout.alignment: Qt.AlignHCenter | Qt.AlignBottom
            text: col.emoji.description
        }

    }

}