import m, { Vnode } from "mithril";

interface AppAttrs {}

interface AppState {}

export const App: m.Component<AppAttrs, AppState> = {
  view(_vnode: Vnode<AppAttrs, AppState>) {
    return m(".nb-container", { style: { maxWidth: "640px", margin: "0 auto" } }, [
      m(".nb-box", { style: { marginTop: "4rem", textAlign: "center", padding: "3rem 2rem" } }, [
        m("h1", { class: "nb-font-heading1" }, "Sis"),
        m("p", { class: "nb-font-heading2", style: { marginTop: "1rem", opacity: "0.7" } }, "For chores and stuff"),
      ]),
    ]);
  },
};