import QtQuick 2.12

import "qrc:/components"
import "qrc:/globals"

IconButton { id  : _root
    iconSize        : Variables.headerIconDiameter
    iconImageSource : "qrc:/images/iCompleteCheck"

    Rectangle { id: _ring
        anchors.centerIn: parent
        color           : Colors.transparent
        width           : Variables.headerIconDiameter
        radius          : width
        height          : width

        border {
            width: 10
            color: "#6FC66B"
        }

        SequentialAnimation on scale {
            loops   : Animation.Infinite
            running : _root.visible
            NumberAnimation { from: 0.9; to: 1.1; duration: 1000; easing.type: Easing.InOutQuad }
        }

        SequentialAnimation on opacity {
            loops   : Animation.Infinite
            running : _root.visible
            NumberAnimation { from: 1.0; to: 0.0; duration: 1000; easing.type: Easing.InOutQuad }
        }
    }
}