import Quickshell
import QtQuick
import QtQuick.Layouts

Variants {
	model: Quickshell.screens;

	delegate: Component {
		PanelWindow {
			id: root

			required property var modelData
			screen: modelData

			property string fontFamily: "Poppins"
			property int fontSize: 14

			anchors {
				top: true
				bottom: true
				left: true
				right: true
			}
			aboveWindows: false

			color: "transparent"

			ColumnLayout {
				x: 32
				y: 80

				Text {
					text: Qt.formatDateTime(Time.time, "hh:mm")
					color: Flexoki.bg
					font { family: root.fontFamily; weight: 800; pixelSize: root.fontSize * 7 }
				}

				Text {
					text: Qt.formatDateTime(Time.time, "MMMM d, yyyy")
					color: Flexoki.bg
					font { family: root.fontFamily; weight: 300; pixelSize: root.fontSize * 2.25 }
				}

				Text {
					text: Uptime.uptime
					color: Flexoki.bg
					font { family: root.fontFamily; weight: 300; pixelSize: root.fontSize * 1.75 }
				}
			}
		}
	}
}