import QtQuick
import QtQuick.Layouts
import ZShell.Components
import ZShell.Config
import qs.Components
import qs.Helpers
import qs.Services

Item {
	id: root

	required property var lock

	implicitHeight: layout.implicitHeight
	implicitWidth: layout.implicitWidth

	SnapLayout {
		id: layout

		anchors.fill: parent

		spacing: Tokens.spacing.largeIncreased * 2

		SnapLayout {
			Layout.fillWidth: true

			spacing: Tokens.spacing.medium
			orientation: Qt.Vertical

			WeatherInfo {
				id: weather

				Layout.fillWidth: true
				rootHeight: root.height
			}

			Resources {
				id: resources

				Layout.fillWidth: true
			}

			Media {
				id: media

				Layout.fillHeight: true
				Layout.fillWidth: true
				lock: root.lock
			}
		}

		Center {
			lock: root.lock
		}

		SnapLayout {
			Layout.fillWidth: true

			spacing: Tokens.spacing.medium
			orientation: Qt.Vertical

			CustomRect {
				Layout.fillHeight: true
				Layout.fillWidth: true
				bottomRightRadius: Tokens.rounding.largeIncreased
				color: Colors.tPalette.m3surfaceContainer
				radius: Tokens.rounding.small
				topRightRadius: Tokens.rounding.largeIncreased

				NotifDock {
					lock: root.lock
				}
			}
		}
	}
}