import Quickshell
import QtQuick
import QtQuick.Effects

import "../../config"

Item {
    id: root

    required property Item bar

    anchors.fill: parent

    Rectangle {
        id: rect

        anchors.fill: parent
        color: Config.border.color
        visible: false


        Behavior on color {
            ColorAnimation {
                duration: 150
                easing.type: Easing.BezierSpline
            }
        }
    }

    Item {
        id: mask

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

        Rectangle {
            anchors.fill: parent
            anchors.margins: Config.border.thickness
            anchors.leftMargin: root.bar.implicitWidth
            radius: Config.border.rounding
        }
    }

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