// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-2.0 OR LicenseRef-Slint-Software-3.0


export Demo := Window {
//          ^warning{':=' to declare a component is deprecated. The new syntax declare components with 'component MyComponent {'. Read the documentation for more info}
    width:  300px;
    height: 300px;
    property <bool> toggle;
    t:= Text {
        text: "Hello World";
        font-size: 24px;
    }

    states [
        moving when toggle: {
            t.y: 100px;
        }
    ]

    transitions [
        in moving: {
            animate y { duration: 5s; }
//                  ^error{The property is not changed as part of this transition}
        }
        out moving: {
            animate t.x { duration: 100ms; }
//                  ^error{The property is not changed as part of this transition}
        }
    ]
}