'use strict';

var index = require('./index-CpWVsZ_u.js');

const contentSwitcherItemCss = () => `.ifx-content-switcher-item{all:unset;height:36px;box-sizing:border-box;border-radius:9999px;border:3px solid transparent;padding:7px 20px;font-family:var(--ifx-font-family);font-weight:600;font-size:14px;line-height:20px;display:flex;justify-content:center;align-items:center;gap:8px;background-color:transparent}.ifx-content-switcher-item.selected{color:#0A8276;background-color:#FFFFFF;border:3px solid #0A8276}.ifx-content-switcher-item:hover{color:#08665C;background-color:#FFFFFF;border:3px solid #08665C;cursor:pointer}.ifx-content-switcher-item:active{color:#08665C;background-color:#FFFFFF;border:3px solid #06534B}.ifx-content-switcher-item:focus{color:#08665C;background-color:#FFFFFF;border:3px solid #08665C}`;

const ContentSwitcherItem = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    selected = false;
    value;
    render() {
        return (index.h(index.Host, { key: '39fdd10321c7f8fd7040eb183e3da5ed9173f59c' }, index.h("button", { key: '075c01412b993042aa9c4188911a01071429cdbb', class: "ifx-content-switcher-item" + (this.selected ? " selected" : "") }, index.h("slot", { key: 'fba6ccaa7d2c8591931b391b252cd122764fb014' }))));
    }
};
ContentSwitcherItem.style = contentSwitcherItemCss();

exports.ifx_content_switcher_item = ContentSwitcherItem;
//# sourceMappingURL=ifx-content-switcher-item.entry.cjs.js.map

//# sourceMappingURL=ifx-content-switcher-item.cjs.entry.js.map