import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Effects 1.15  // Für MultiEffect

ApplicationWindow {
    visible: true
    width: 300
    height: 200
    title: "Button mit MultiEffect Schatten"

    // Primärfarbe für Button-Hintergrund
    property color primaryColor: "#3498db"

    Button {
        id: button
        x: 100
        y: 75
        width: 48
        height: 48

        property alias imageSource: contentImage.source
        property alias backgroundColor: buttonBackground.color
        property bool showShadow: true  // Schatten standardmäßig an

        focusPolicy: Qt.NoFocus

        contentItem: Item {
            z: 2 // damit Image sichtbar bleibt
            anchors.fill: parent
            Image {
                id: contentImage
                anchors.centerIn: parent
                width: 24
                height: 24
                fillMode: Image.PreserveAspectFit
                source: "qrc:/icons/sample-icon.png"  // Beispielbild (bitte anpassen)
            }
        }

        background: Rectangle {
            id: buttonBackground
            anchors.fill: parent
            color: primaryColor
            radius: width / 2
            opacity: button.pressed ? 0.5 : 1.0
        }

        MultiEffect {
            anchors.fill: buttonBackground
            source: buttonBackground
            autoPaddingEnabled: true
            shadowEnabled: button.showShadow
            shadowBlur: 8.0
            shadowHorizontalOffset: 1
            shadowVerticalOffset: 3
            opacity: button.pressed ? 0.75 : 1.0
            radius: buttonBackground.radius
        }
    }
}