import { Button, VerticalBox, HorizontalBox, CheckBox } from "std-widgets.slint";

export component AppWindow inherits Window {
    default-font-size: 16px;
    in-out property<int> counter: 42;
    callback request-increase-value();
    HorizontalBox {
        VerticalBox {
            width: 50%;
            Text {
                text: "Counter: \{root.counter}";
            }
            Button {
                text: "Increase value";
                clicked => {
                    root.request-increase-value();
                }
            }
        }
        VerticalBox {
            width: 50%;
            alignment: start;
            CheckBox {
                text: "Armory Light";
            }
            CheckBox {
                text: "Bedroom Light";
            }
            CheckBox {
                text: "Hallway Light";
            }
            CheckBox {
                text: "Kitchen Light";
            }
            CheckBox {
                text: "Living Room Light";
            }
            CheckBox {
                text: "Shower Light";
            }
            CheckBox {
                text: "Utilities Light";
            }
            CheckBox {
                text: "WC Light";
            }
        }
    }
}