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

CustomClippingRect {
	id: root

	required property var lock

	implicitHeight: layout.implicitHeight
	implicitWidth: layout.implicitWidth
	radius: Appearance.rounding.large

	RowLayout {
		id: layout

		anchors.fill: parent
		spacing: Appearance.spacing.large * 2

		ColumnLayout {
			Layout.fillWidth: true
			spacing: Appearance.spacing.normal

			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: Appearance.spacing.normal

			CustomRect {
				Layout.fillHeight: true
				Layout.fillWidth: true
				bottomRightRadius: Appearance.rounding.large
				color: DynamicColors.tPalette.m3surfaceContainer
				radius: Appearance.rounding.small
				topRightRadius: Appearance.rounding.large

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