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

CustomClippingRect {
	id: root

	required property var lock

	implicitHeight: layout.implicitHeight
	implicitWidth: layout.implicitWidth
	radius: Tokens.rounding.largeIncreased

	RowLayout {
		id: layout

		anchors.fill: parent
		spacing: Tokens.spacing.largeIncreased * 2

		ColumnLayout {
			Layout.fillWidth: true
			spacing: Tokens.spacing.medium

			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
		}

		ColumnLayout {
			Layout.fillWidth: true
			spacing: Tokens.spacing.medium

			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
				}
			}
		}
	}
}
