import QtQuick 2.0

Rectangle {

    id: hwbutton

    width: 360

    height: 360

    color: "#15193a"

    radius: 8

    border.width: 4

    opacity: 1

    signal clicked()

    Behavior on border.color {

        ColorAnimation {}

    }

    MouseArea {

        id: mousearea

        anchors.fill: parent

        hoverEnabled: true

        onClicked: parent.clicked()

    }

    states: [

        State {

            when: mousearea.containsMouse

            PropertyChanges {

                target: hwbutton

                border.color: "#eaea00"

            }

        }

        , State {

            when: !mousearea.containsMouse

            PropertyChanges {

                target: hwbutton

            }

    }]

}