import { Component, h, Host } from "@stencil/core";
export class headerBar {
  render() {
    return (h(Host, null,
      h("div", { class: "layer1" },
        h("ion-icon", { class: "bottom", style: {
            "padding-left": "25px",
            height: "160px",
            width: "180px",
          }, src: "/assets/logo/logo-light-mode.svg" }),
        h("div", { class: "layer2" },
          h("nav", { class: "nav-area" },
            h("ul", null,
              h("li", null,
                h("a", { href: "#" }, "What We Do \u2304 "),
                h("ul", null,
                  h("li", null,
                    h("a", { href: "#" }, "Sub-1")),
                  h("li", null,
                    h("a", { href: "#" }, "Sub-2")),
                  h("li", null,
                    h("a", { href: "#" }, "Sub-3")))),
              h("li", null,
                h("a", { href: "#" }, "Who We Are \u2304"),
                h("ul", null,
                  h("li", null,
                    h("a", { href: "#" }, "Sub-1")),
                  h("li", null,
                    h("a", { href: "#" }, "Sub-2")),
                  h("li", null,
                    h("a", { href: "#" }, "Sub-3")))),
              h("li", null,
                h("a", { href: "#" }, "Locations \u2304"),
                h("ul", null,
                  h("li", null,
                    h("a", { href: "#" }, "Sub-1")),
                  h("li", null,
                    h("a", { href: "#" }, "Sub-2")),
                  h("li", null,
                    h("a", { href: "#" }, "Sub-3")))),
              h("li", null,
                h("a", { href: "#" }, "Resources \u2304"),
                h("ul", null,
                  h("li", null,
                    h("a", { href: "#" }, "Sub-1")),
                  h("li", null,
                    h("a", { href: "#" }, "Sub-2")),
                  h("li", null,
                    h("a", { href: "#" }, "Sub-3")))),
              h("li", null,
                h("a", { href: "#" }, "Join Our Team \u2304"),
                h("ul", null,
                  h("li", null,
                    h("a", { href: "#" }, "Sub-1")),
                  h("li", null,
                    h("a", { href: "#" }, "Sub-2")),
                  h("li", null,
                    h("a", { href: "#" }, "Sub-3")))),
              h("li", null,
                h("a", { href: "#" }, "Franchise \u2304"),
                h("ul", null,
                  h("li", null,
                    h("a", { href: "#" }, "Sub-1")),
                  h("li", null,
                    h("a", { href: "#" }, "Sub-2")),
                  h("li", null,
                    h("a", { href: "#" }, "Sub-3")))),
              h("li", null,
                h("a", { href: "#" }, "App")),
              h("li", null,
                h("a", { href: "#" }, "Contact"))))))));
  }
  static get is() { return "floodteam-header-bar"; }
  static get originalStyleUrls() { return {
    "$": ["header-bar.css"]
  }; }
  static get styleUrls() { return {
    "$": ["header-bar.css"]
  }; }
}
//# sourceMappingURL=header-bar.js.map