// 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

Foo := Rectangle {
//  ^warning{':=' to declare a component is deprecated. The new syntax declare components with 'component MyComponent {'. Read the documentation for more info}
    width: 30%;

    preferred-width: 50%;
//                   ^error{preferred-width must either be a length, or the literal '100%'}


    Rectangle {
        height: 111%;
    }

    x: 30%;
//     ^error{Automatic conversion from percentage to length is only possible for the following properties: width, height, preferred-width, preferred-height}
}

export X := Rectangle {
//       ^warning{':=' to declare a component is deprecated. The new syntax declare components with 'component MyComponent {'. Read the documentation for more info}
    height: 30%;
//          ^error{Cannot find parent property to apply relative length}
    Foo {
        background: 30%;
//                  ^error{Cannot convert percent to brush}
        y: 30%;
//         ^error{Automatic conversion from percentage to length is only possible for the following properties: width, height, preferred-width, preferred-height}

        preferred-height: 50%;
//                        ^error{preferred-height must either be a length, or the literal '100%'}
    }
}