import QtQuick
import Qt5Compat.GraphicalEffects
import RibbonUI

Item {
    id: control
    property int radius: 0
    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 ? RibbonTheme.modern_style ? '#292929' : "#212629" : RibbonTheme.modern_style ? "#F5F5F5" : "#FFFFFF"
    property double mask_opacity: 0.5
    property alias mask_border: mask.border
    property bool use_solid_bg: true

    ShaderEffectSource {
        id: effect
        anchors.fill: parent
        sourceRect: target_rect
        sourceItem: target
        visible: false
    }

    GaussianBlur{
        id: blur
        anchors.fill: parent
        radius: blur_radius
        deviation: 8
        samples: (radius / 4) * 3
        source: effect
        visible: false
    }

    Rectangle{
        anchors.fill: parent
        color: use_solid_bg ? mask_color : 'transparent'
        radius: control.radius
        OpacityMask {
            anchors.fill: parent
            source: blur
            maskSource: Rectangle{
                width: control.width
                height: control.height
                radius: control.radius
            }
        }
    }

    Rectangle{
        id: mask
        anchors.fill: parent
        color: mask_color
        opacity: mask_opacity
        radius: control.radius
    }
}