import QtQuick
import QtQuick.Layouts
import Quickshell

Rectangle {
    width: parent.width
    height: text.height + 10
    border.color: "black"
    border.width: 2
    radius: 5
    color: "#30c0ffff"

    Item {
        width: parent.width
        height: text.height * 2

        anchors.centerIn: parent

        SystemClock {
            id: clock
            precision: SystemClock.Seconds
        }

        Text {
            id: text
            anchors.centerIn: parent
            property var date: Date()

            text: Qt.formatDateTime(clock.date, "hh\nmm")

            font.family: "ComicShannsMono Nerd Font Mono"
            font.weight: Font.ExtraBold
            font.pointSize: 18

            color: "black"
        }
    }
}