import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
import { c as cls } from './helpers.js';
import { d as defineCustomElement$2 } from './component2.js';

const XSegmentItem$1 = /*@__PURE__*/ proxyCustomElement(class XSegmentItem extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.value = undefined;
        this.icon = undefined;
        this.active = false;
    }
    /**
     * Render element
     */
    render() {
        return h(Host, { key: '43100829fe22900f8a5626ac66bcaf68aa612830', class: cls({ 'active': this.active }) }, this.icon && h("x-icon", { key: 'cc6d7ed6dfe7f09fcc36e179d23a4a1acac38df3', name: this.icon }), h("span", { key: '166a946369f946869c00c56e1bd01170e521ead3' }, h("slot", { key: 'e2a590d6d14c50aa6b993f7b6b4e75a3c4cd61e3' })));
    }
    get el() { return this; }
}, [4, "x-segment-item", {
        "value": [1],
        "icon": [1],
        "active": [4]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["x-segment-item", "x-icon"];
    components.forEach(tagName => { switch (tagName) {
        case "x-segment-item":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, XSegmentItem$1);
            }
            break;
        case "x-icon":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const XSegmentItem = XSegmentItem$1;
const defineCustomElement = defineCustomElement$1;

export { XSegmentItem, defineCustomElement };
