import QtQuick
import QtQuick.Effects

FullwidthMouseArea {
    id: root
    property bool showPressed: mouseArea.pressed
    property real baseMargin: 0
    property bool directScale: false

    readonly property Item contentItem: mContentItem
    default property alias contentItemData: mContentItem.data

    property real targetBrightness: root.showPressed ? -25 : root.mouseArea.containsMouse && root.enabled ? 75 : 0
    Behavior on targetBrightness {
        SmoothedAnimation {
            velocity: 600
        }
    }

    property real targetMargins: root.showPressed ? 3 : 0
    Behavior on targetMargins {
        SmoothedAnimation {
            velocity: 25
        }
    }

    hoverEnabled: true

    Item {
        id: mContentItem
        anchors.fill: parent

        anchors.margins: root.baseMargin + (root.directScale ? 0 : root.targetMargins)
        scale: root.directScale ? (width - root.targetMargins * 2) / width : 1.0

        opacity: root.enabled ? 1.0 : 0.5
        Behavior on opacity {
            SmoothedAnimation {
                velocity: 5
            }
        }

        layer.enabled: root.targetBrightness != 0
        layer.effect: MultiEffect {
            brightness: root.targetBrightness / 1000
        }
    }
}