import { Button, VerticalBox, LineEdit, GridBox } from "std-widgets.slint";

export component AppWindow inherits Window {
    y: 0px;
    in-out property <int> counter: 42;
    default-font-family: "IBM Plex Sans";
    default-font-size: 16pt;
    callback request-increase-value();
    GridBox {
        height: 240px;
        padding: 0px;
        padding-top: 8px;
        width: 960px;
        VerticalBox {
            Text {
                text: "Counter: \{root.counter}";
            }

            Button {
                text: "Increase value";
                clicked => {
                    root.request-increase-value();
                }
            }

            LineEdit {
                input-type: InputType.password;
                text: "LineEdit";
            }
        }

        Button {
            text: "Button";
        }

        Button {
            text: "Button";
        }
    }
}