import QtQuick
import QtQuick.Effects
import Quickshell
import qs.config
import qs.custom

Item {
    id: root

    anchors.fill: parent

    CustomRect {
        id: rect

        anchors.fill: parent
        color: Config.colors.bg
        visible: false
    }

    Item {
        id: mask

        anchors.fill: parent
        layer.enabled: true
        visible: false

        Rectangle {
            anchors.fill: parent
            anchors.margins: Config.border.thickness
            anchors.topMargin: Config.bar.height
            radius: Config.border.rounding
        }
    }

    MultiEffect {
        anchors.fill: parent
        maskEnabled: true
        maskInverted: true
        maskSource: mask
        source: rect
        maskThresholdMin: 0.5
        maskSpreadAtMin: 1
    }
}