// Copyright © SixtyFPS GmbH <info@slint-ui.com>
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-commercial


component Button inherits Rectangle {
    ta := TouchArea {}
    background: ta.pressed ? blue: red;
    callback clicked <=> ta.clicked;
    in property <string> text;
}


 export AppWindow := Window {
     property<int> counter: 42;
     callback request-increase-value();
     VerticalLayout {
         Button {
             text: "Increase value";
             clicked => {
                 request-increase-value();
             }
             states [
                 highlight when counter > 45 : {
                     background: red;
//                   ^error{Internal error: The expression for the default state currently cannot be represented: https://github.com/slint-ui/slint/issues/1461}
                 }
             ]
         }
      }
 }