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: '61cbf2afbd1806f28e7a5dbdefef52c223064fbd', class: cls({ 'active': this.active }) }, this.icon && h("x-icon", { key: '0e371b65b295fd4461483a17f28f4640d9a85b52', name: this.icon }), h("span", { key: 'aae931dc65164b708a9dd1109719a047a37c4db9' }, h("slot", { key: '0cea9b5b439ba3eb26911f92598e7756c5cf35a6' })));
    }
    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 };
