import QtQuick 2.12
import QtQuick.Controls 2.12
import QtGraphicalEffects 1.12

Item {
    id: control

    property bool raised: false
    property alias mouseArea: mouseArea
    property string text: ""
    property string color: ""
    property bool isDarkColor: control.checkIsDarkColor(color)
    property double glowRadius: 0.001
    property double glowSpread: 0.2
    property bool glowVisible: true
    property double glowScale: 0.9
    property double glowOpacity: Math.pow( control.opacity, 100 )

    signal clicked

    function checkIsDarkColor(color) {
        var c = color.substring(1);      // strip #
        var rgb = parseInt(c, 16);   // convert rrggbb to decimal
        var r = (rgb >> 16) & 0xff;  // extract red
        var g = (rgb >>  8) & 0xff;  // extract green
        var b = (rgb >>  0) & 0xff;  // extract blue

        var luma = 0.2126 * r + 0.7152 * g + 0.0722 * b; // per ITU-R BT.709

        return luma < 150
    }

    RectangularGlow {
        id: effect
        glowRadius: control.glowRadius
        spread: control.glowSpread
        color: "black"

        visible: control.glowVisible

        cornerRadius: background.radius
        anchors.fill: background
        scale: control.glowScale
        opacity: control.glowOpacity
    }

    Rectangle {
        id: background
        anchors.fill: parent
        color: control.color
        radius: height * 0.5

        Behavior on color {
            ColorAnimation {}
        }
    }

    Text {
        id: contentText
        anchors.centerIn: background

        width: background.width * 0.5
        height: background.height * 0.7

        font.pixelSize: height
        fontSizeMode: Text.Fit
        verticalAlignment: Text.AlignVCenter
        horizontalAlignment: Text.AlignHCenter

        color: control.isDarkColor ? "white":"black"
        text: control.text
    }

    MouseArea {
        id: mouseArea
        anchors.fill: parent
        enabled: control.enabled
        onClicked: control.clicked()
    }
}