import { r as registerInstance, h, e as Host } from './index-c8b17ddb.js';

const tabPanelCss = ".bds-tab-panel{display:none;font-family:\"Nunito Sans\", \"Carbona\", \"Tahoma\", \"Helvetica\", \"Arial\", sans-serif;font-size:1rem;font-style:normal;font-weight:normal}.bds-tab-panel--selected{display:block}";

const TabPanel = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.group = undefined;
        this.isActive = false;
    }
    handleTabChange(event) {
        this.isActive = event.detail == this.group;
    }
    render() {
        return (h(Host, { key: 'dc85a042296d0540189cba8aa4c1d5f30c993f06', class: {
                'bds-tab-panel': true,
                ['bds-tab-panel--selected']: this.isActive,
            } }, h("slot", { key: '7bc42741baaf94703e7b11be124caba6a32e5707' })));
    }
};
TabPanel.style = tabPanelCss;

export { TabPanel as bds_tab_panel };

//# sourceMappingURL=bds-tab-panel.entry.js.map