// 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 X := Rectangle {
// ><warning{':=' to declare a component is deprecated. The new syntax declare components with 'component MyComponent {'. Read the documentation for more info}
property<brush> g1: @radial-gradient();
// > <error{Expected 'circle': currently, only @radial-gradient(circle, ...) are supported}
property<brush> g2: @radial-gradient(circle at 100%, #333, #333 50%, #eee 75%, #333 75%);
// > <error{Expected two length values after 'at'}
property<brush> g3: @radial_gradient(circle, blue, red);
property<brush> g4: @radial_gradient(circle, blue 45%, red red);
// > <error{Cannot convert color to float}
property<brush> g5: @radial-gradient(ellipse at top, #e66465, transparent);
// > <error{Expected 'circle': currently, only @radial-gradient(circle, ...) are supported}
property<brush> g6: @radial-gradient(circle, blue 45%, red 88%);
property<brush> g7: @radial-gradient(circle, 42 45%, red 0.3);
// > <error{Cannot convert float to color}
property<brush> g8: @radial-gradient(90px, blue, red ,green);
// > <error{Expected 'circle': currently, only @radial-gradient(circle, ...) are supported}
property<brush> g9: @radial-gradient(circle blue, blue, red);
// > <error{'circle' must be followed by a comma, a radius, or 'at'}
property<brush> g10: @radial-gradient(circle, blue 10% red 20%, yellow);
// > <error{Expected comma}
property<brush> g11: @radial-gradient(circle,);
property<brush> g12: @radial-gradient(circle);
property<color> g13: @radial-gradient(circle, red, green, blue); // #6819
// > <warning{Narrowing conversion from brush to color. This can lead to unexpected behavior because the brush is a gradient}
property<brush> g14: @radial-gradient(circle 80px, red, blue);
property<brush> g15: @radial-gradient(circle 80px at 50px 50px, red, blue);
}