'use strict';

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

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

const navbarMenuItemCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}.navbar__menu-item{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__menu-item.hide{display:none}.navbar__menu-item span{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px;}.navbar__menu-item:hover{cursor:pointer;background-color:#EEEDED}.navbar__menu-item:active{background-color:#BFBBBB}.icon{margin-right:4px}";

const NavbarMenuItem = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.href = "";
    this.target = "_self";
    this.hide = false;
  }
  render() {
    let hrefAttr = this.href ? { href: this.href, target: this.target } : {};
    return (index.h("a", Object.assign({}, hrefAttr, { class: `navbar__menu-item  ${this.hide ? 'hide' : ""}` }), index.h("span", null, index.h("slot", null))));
  }
};
NavbarMenuItem.style = navbarMenuItemCss;

exports.ifx_navbar_menu_item = NavbarMenuItem;

//# sourceMappingURL=ifx-navbar-menu-item.cjs.entry.js.map