import QtQuick 6.2
import QtQuick.Controls 6.2
import Tutorial
import QtQuick.Timeline 1.0
import QtQuick.Studio.Components 1.0

BorderItem {
    id: border1
    width: 872
    height: 860
    radius: 4
    property bool active: false
    state: "off"
    states: [
        State {
            name: "on"
            when: border1.active

            PropertyChanges {
                target: border1
            }
        },
        State {
            name: "off"
            when: !border1.active

            PropertyChanges {
                target: border1
                opacity: 0
            }
        }
    ]
    transitions: [
        Transition {
            id: transition
            ParallelAnimation {
                SequentialAnimation {
                    PauseAnimation {
                        duration: 0
                    }

                    PropertyAnimation {
                        target: border1
                        property: "opacity"
                        duration: 150
                    }
                }
            }
            to: "*"
            from: "*"
        }
    ]
    strokeColor: "#1381e3"
    strokeWidth: 8
}

/*##^##
Designer {
    D{i:0}D{i:5;transitionDuration:2000}
}
##^##*/

