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

export component AppWindow inherits Window {
    default-font-family: "IBM Plex Sans";
    default-font-size: 16pt;
    height: 368px;
    width: 960px;
    in-out property <int> counter: 42;
    callback request-increase-value();
    VerticalBox {
        width: 960px;
        height: 368px;
        padding: 0px;
        // These off-by-one values might be caused by incorrect timings.
        padding-top: 121px;
        padding-bottom: 7px;
        Rectangle {
            background: #2c82ff;
            border-color: #ffcf00;
            border-width: 1px;
            GridBox {
                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";
                }
            }
        }
    }
}