import qs.config
import qs.custom
import qs.services
import Quickshell
import QtQuick.Layouts
import "dash"

GridLayout {
    id: root

    required property PersistentProperties uiState

    rowSpacing: 10
    columnSpacing: 10

    Rect {
        Layout.fillWidth: true
        Layout.preferredWidth: Config.dashboard.timeWidth
        Layout.preferredHeight: Config.dashboard.timeHeight

        DateTime {}
    }

    Rect {
        Layout.row: 1
        Layout.fillWidth: true
        Layout.preferredHeight: 70

        User {}
    }

    Rect {
        Layout.row: 2
        Layout.fillWidth: true
        Layout.preferredHeight: 110

        Weather {}
    }

    Rect {
        Layout.row: 0
        Layout.column: 1
        Layout.rowSpan: 3
        Layout.preferredWidth: 200
        Layout.preferredHeight: 300
        Layout.fillWidth: true

        Media {}
    }

    Rect {
        Layout.row: 3
        Layout.columnSpan: 2
        Layout.fillWidth: true
        Layout.fillHeight: true
        Layout.preferredHeight: 300

        Notifs {}
    }

    component Rect: CustomRect {
        radius: 12
        color: Config.colors.containerDash
    }
}