import QtQuick
import Qt5Compat.GraphicalEffects
import RibbonUI

Rectangle {
    id: control
    color: "transparent"
    property int blur_radius: 32
    property alias target: effect.sourceItem
    property rect target_rect : Qt.rect(control.x, control.y, control.width, control.height)
    property color mask_color: RibbonTheme.dark_mode ? "#212629" : "white"
    property double mask_opacity: 0.5
    property alias mask_border: mask.border

    ShaderEffectSource {
        id: effect
        anchors.fill: parent
        sourceRect: target_rect
        sourceItem: target
        layer.enabled: true
        layer.effect: FastBlur{
            radius: blur_radius
        }
    }
    Rectangle{
        id: mask
        anchors.fill: parent
        color: mask_color
        opacity: mask_opacity
        radius: control.radius
    }
//    ShaderEffect{
//        id:blur
//        anchors.fill: parent
//        property var src: effect
//        property int radius: blur_radius
//        property real deviation: 8
//        property var pixelStep: Qt.vector2d(1/src.width, 1/src.height)
//        fragmentShader: "qrc:/RibbonUI/effects/gaussianblur.frag.qsb"
//    }
}