'use strict';

var index = require('./index-pX0sBY0-.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);
    }
    /** Wether this option is currently selected. */
    selected = false;
    /** Value associated with this option. */
    value;
    render() {
        return (index.h(index.Host, { key: '79144bf919c12cdc426b20b1ceacdfc697f025fe' }, index.h("button", { key: 'a11cfa643d05da1a2c41697c9f00cc414a6ebbdb', class: "ifx-content-switcher-item" + (this.selected ? " selected" : "") }, index.h("slot", { key: '6c9faa647ade5d13adebe3f22c6fbe901e29c20e' }))));
    }
};
ContentSwitcherItem.style = contentSwitcherItemCss();

exports.ifx_content_switcher_item = ContentSwitcherItem;
