'use strict';

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

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

const EclLanguageItem = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.theme = 'ec';
    this.styleClass = undefined;
    this.path = undefined;
    this.langCode = undefined;
    this.language = undefined;
    this.active = false;
  }
  getClass() {
    const styleClasses = [
      `ecl-site-header__language-item`,
      `sc-ecl-site-header-${this.theme}`,
      this.styleClass
    ];
    return styleClasses.join(' ');
  }
  render() {
    return (index.h("li", { class: this.getClass() }, index.h("a", { href: this.path, class: `ecl-link ecl-link--standalone ecl-site-header__language-link sc-ecl-site-header-${this.theme} ${this.active ? 'ecl-site-header__language-link--active' : ''}` }, index.h("span", { class: `ecl-site-header__language-link-code sc-ecl-site-header-${this.theme}` }, this.langCode), index.h("span", { class: `ecl-site-header__language-link-label sc-ecl-site-header-${this.theme}` }, this.language))));
  }
  get el() { return index.getElement(this); }
};

exports.ecl_language_item = EclLanguageItem;

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