import { Component, h } from "@stencil/core";
export class NavigationFooter {
  render() {
    return (h("ion-header", { class: "showing-pins" },
      h("ion-toolbar", null,
        h("div", { class: "header-content", style: { display: "flex", "flex-wrap": "wrap" } },
          h("slot", null),
          h("floodteam-pin-bar", { style: {
              display: "flex",
              "justify-content": "flex-end",
            } })),
        h("div", { class: "menu-buttons" },
          h("ion-menu-button", { autoHide: false },
            h("ion-icon", { src: "/assets/icon/icon.svg", "aria-hidden": "true", style: {
                height: "55px",
                width: "60px",
                margin: "auto",
                textDecoration: "none",
                color: "var(--ion-text-color)",
              } }))))));
  }
  static get is() { return "floodteam-navigation-footer"; }
  static get originalStyleUrls() { return {
    "$": ["navigation-footer.css"]
  }; }
  static get styleUrls() { return {
    "$": ["navigation-footer.css"]
  }; }
}
//# sourceMappingURL=navigation-footer.js.map