'use strict';

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

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

const EclInpageNavigationItem = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.theme = 'ec';
    this.styleClass = undefined;
    this.path = undefined;
  }
  getClass() {
    return [
      `ecl-inpage-navigation__item`,
      `sc-ecl-inpage-navigation-${this.theme}`,
      this.styleClass
    ].join(' ');
  }
  render() {
    return (index.h("li", { class: this.getClass() }, index.h("ecl-link", { path: this.path, "style-class": `ecl-inpage-navigation__link sc-ecl-inpage-navigation-${this.theme}`, "data-ecl-inpage-navigation-link": true }, index.h("slot", null))));
  }
};

exports.ecl_inpage_navigation_item = EclInpageNavigationItem;

//# sourceMappingURL=ecl-inpage-navigation-item.cjs.entry.js.map