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

Item {
	id: root

	required property Props props
	required property var visibilities

	ColumnLayout {
		id: layout

		anchors.fill: parent
		spacing: Tokens.spacing.small

		CustomRect {
			Layout.fillHeight: true
			Layout.fillWidth: true
			color: Colors.tPalette.m3surfaceContainerLow
			radius: Tokens.rounding.smallest

			NotifDock {
				props: root.props
				visibilities: root.visibilities
			}
		}

		CustomRect {
			Layout.fillWidth: true
			Layout.topMargin: Tokens.padding.normal - layout.spacing
			color: Colors.tPalette.m3outlineVariant
			implicitHeight: 1
		}
	}
}