ScienceCalc/ui/appwindow.slint

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

export component AppWindow inherits Window {
    in-out property <int> counter: 42;
    callback request-increase-value();

    background: #313e50;

    GridBox {
        spacing: 25px;
        padding: 50px;
        Row {
            Text {
                text: "Calculator";
                horizontal-alignment: center;
                font-size: 20px;
                font-weight: 900;
                color: #ffffff;
            }
        }

        Row{ 
            LineEdit {
                placeholder-text: "Enter value";
                font-size: 16px;
                height: 35px;
            }
        }

        Row {
            Button {
                text: "Increase value";
                clicked => {
                    root.request-increase-value();
                }
                height: 35px;
                primary: true;
            }
        }

        Row {
            Text {
                text: "Counter: \{root.counter}";
                color: #a3a1dd;
            }
        }
    }
}