import QtQuick
import QtQuick.Shapes
import qs.Modules as Modules
import qs.Modules.Notifications as Notifications
import qs.Modules.Notifications.Sidebar as Sidebar
import qs.Modules.Notifications.Sidebar.Utils as Utils
import qs.Modules.Dashboard as Dashboard

Shape {
    id: root

    required property Panels panels
    required property Item bar

    anchors.fill: parent
    // anchors.margins: 8
    anchors.topMargin: bar.implicitHeight
    preferredRendererType: Shape.CurveRenderer

    Modules.Background {
        wrapper: root.panels.popouts
        invertBottomRounding: wrapper.x <= 0

        startX: wrapper.x - 8
        startY: wrapper.y
    }

	Notifications.Background {
		wrapper: root.panels.notifications
		sidebar: sidebar

		startX: root.width
		startY: 0
	}

	Dashboard.Background {
		wrapper: root.panels.dashboard

		startX: ( root.width - wrapper.width ) / 2 - rounding
		startY: 0
	}

	Utils.Background {
		wrapper: root.panels.utilities
		sidebar: sidebar

		startX: root.width
		startY: root.height
	}

	Sidebar.Background {
		id: sidebar

		wrapper: root.panels.sidebar
		panels: root.panels

		startX: root.width
		startY: root.panels.notifications.height
	}
}