import { Widget, Column } from "@ng";

    import { Scaffold, MaterialApp } from "@ng/material";

    export class HomeView extends Widget {
        build(context){
            return new Scaffold({
                body: MaterialApp({
                    appBar: new AppBar(),
                    home: new Column({
                        children: [],
                    }),
                }),
            });
        }
    }

    import { ValueNotifier, ValueListener } from "@ng";

    export class HomeView extends Widget {
        /// Only the Text widget is rerendered

        counter = new ValueNotifier(0);

        build(context){
            return new Column({
                children: [
                    new ValueListener(this.counter, {
                        build: (context, value) => {
                            return new Text(value);
                        }
                    }),
                    new Button({
                        child: new Text("Click me"),
                        onClick: () => {
                            this.counter.value += 1;
                        }
                    })
                ]
            })
        }
    }

    import { Observable, ObservableWidget } from "@ng/reactive";

    const users = new Observable <User[]>([]);

    new ListView.reactive({
        observable: users,
        itemBuilder: (user) => {
            return new GestureDetector(new Text(user.username), {
                onClick: (event) => {
                    this.model.remove(user);
                },
            });
        },
    });

    new Button(new Text("Add new user"), {
        onClick: () => {
            this.users.add({ username: "Caleb is a genius" })
        }
    })

    new Text("Hello world in NG", {
        style: {
            color: "red"
        },
    });

    import { ThemeData } from "@ng/widgets";

    new ThemeData(new Column({}), {
        theme: new Theme({
            iconTheme: new IconTheme({
                size: new Size(24, 24),
            }),
            textTheme: new TextTheme({
                largeText: new TextThemeData({
                    fontSize: 24,
                    fontFamily: 32,
                }),
            }),
        }),
    });