import { AnyNode, E, Elem } from "ren/node.ts";

export function Layout(page: AnyNode): Elem {
  return E("html", { lang: "ru" }, [
    E("head", [], [
      E("meta", { charset: "utf-8" }),
      E("meta", {
        name: "viewport",
        content: "width=device-width, initial-scale=1",
      }),
      E("title", [], "Recipes"),
    ]),
    E("body", [], [
      E("div", { id: "root" }, [page]),
    ]),
  ]);
}