'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-fd2bbf0b.js');

const headerBarCss = ".layer1{background:var(--ion-color-primary-contrast);display:flex;flex-direction:column}.bottom{position:relative;top:30px}.layer2{position:relative;display:flex;flex-direction:row-reverse;top:-35px}a{font-size:14px;text-transform:capitalize}.nav-area{background:var(--ion-color-primary-contrast);font-family:\"arial\";height:0px}.nav-area:after{content:\"\";clear:both;display:block}.nav-area ul{list-style:none;margin:0}.nav-area>ul>li{float:left;position:relative}.nav-area ul li a{text-decoration:none;color:rgb(0, 0, 0);padding:0px 10px 10px 10px;display:block}.nav-area ul ul{position:absolute;padding:0;display:none;min-width:120px;top:100%;left:0;z-index:99999}.nav-area ul li:hover a{background:var(--ion-color-primary-contrast);color:var(--ion-color-secondary)}.nav-area ul li:hover>ul{display:block;background:var(--ion-color-primary)}.nav-area ul ul li:hover a{background:var(--ion-color-primary)}.nav-area ul ul li{position:relative}.nav-area ul ul ul{top:0;left:100%}.nav-area ul ul ul li:hover a{background:var(--ion-color-primary)}h2{font-family:\"myriad pro light condensed\";color:var(--ion-color-primary)}";

let headerBar = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  render() {
    return (index.h(index.Host, null, index.h("div", { class: "layer1" }, index.h("ion-icon", { class: "bottom", style: {
        "padding-left": "25px",
        height: "160px",
        width: "180px",
      }, src: "/assets/logo/logo-light-mode.svg" }), index.h("div", { class: "layer2" }, index.h("nav", { class: "nav-area" }, index.h("ul", null, index.h("li", null, index.h("a", { href: "#" }, "What We Do \u2304 "), index.h("ul", null, index.h("li", null, index.h("a", { href: "#" }, "Sub-1")), index.h("li", null, index.h("a", { href: "#" }, "Sub-2")), index.h("li", null, index.h("a", { href: "#" }, "Sub-3")))), index.h("li", null, index.h("a", { href: "#" }, "Who We Are \u2304"), index.h("ul", null, index.h("li", null, index.h("a", { href: "#" }, "Sub-1")), index.h("li", null, index.h("a", { href: "#" }, "Sub-2")), index.h("li", null, index.h("a", { href: "#" }, "Sub-3")))), index.h("li", null, index.h("a", { href: "#" }, "Locations \u2304"), index.h("ul", null, index.h("li", null, index.h("a", { href: "#" }, "Sub-1")), index.h("li", null, index.h("a", { href: "#" }, "Sub-2")), index.h("li", null, index.h("a", { href: "#" }, "Sub-3")))), index.h("li", null, index.h("a", { href: "#" }, "Resources \u2304"), index.h("ul", null, index.h("li", null, index.h("a", { href: "#" }, "Sub-1")), index.h("li", null, index.h("a", { href: "#" }, "Sub-2")), index.h("li", null, index.h("a", { href: "#" }, "Sub-3")))), index.h("li", null, index.h("a", { href: "#" }, "Join Our Team \u2304"), index.h("ul", null, index.h("li", null, index.h("a", { href: "#" }, "Sub-1")), index.h("li", null, index.h("a", { href: "#" }, "Sub-2")), index.h("li", null, index.h("a", { href: "#" }, "Sub-3")))), index.h("li", null, index.h("a", { href: "#" }, "Franchise \u2304"), index.h("ul", null, index.h("li", null, index.h("a", { href: "#" }, "Sub-1")), index.h("li", null, index.h("a", { href: "#" }, "Sub-2")), index.h("li", null, index.h("a", { href: "#" }, "Sub-3")))), index.h("li", null, index.h("a", { href: "#" }, "App")), index.h("li", null, index.h("a", { href: "#" }, "Contact"))))))));
  }
};
headerBar.style = headerBarCss;

exports.floodteam_header_bar = headerBar;

//# sourceMappingURL=floodteam-header-bar.cjs.entry.js.map