import { Component, h, Host } from "@stencil/core";
export class AuthHeader {
  render() {
    return (h(Host, null,
      h("corejam-box", { max: "xl", mx: "auto", px: 2, xlPx: 0, flex: true, items: "center", py: 4 },
        h("corejam-box", { flex: true, w: "2" },
          h("corejam-box", { mr: 4 },
            h("corejam-base-link", { href: "/" }, "Home")),
          h("corejam-box", { mr: 4 },
            h("corejam-base-link", { href: "/login" }, "Login")),
          h("corejam-box", { mr: 4 },
            h("corejam-base-link", { href: "/register" }, "Register")),
          h("corejam-box", { mr: 4 },
            h("corejam-base-link", { href: "/admin/users/" }, "Admin"))),
        h("corejam-box", { flex: true, justify: "center", w: "8", items: "center" }),
        h("corejam-box", { flex: true, w: "2", direction: "row-reverse" },
          h("corejam-identity", null)))));
  }
  static get is() { return "auth-header"; }
}
