import { r as registerInstance, h, H as Host, g as getElement } from './index-148a7577.js';

const NavigationTabPanel = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.tab = undefined;
        this.isVisible = false;
    }
    render() {
        return (h(Host, { key: '2941408c23eeadcf1093327c388cdfda05dc3727' }, h("div", { key: '2733e69367da20a1f93b89114c419748d729454b', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                display: this.isVisible ? 'initial' : 'none',
                overflowX: 'hidden',
                overflowY: 'auto'
            } }, h("slot", { key: 'c73aa6788a2d0e38e372f90bb56d041d806fa236' }))));
    }
    get hostElement() { return getElement(this); }
};

export { NavigationTabPanel as digi_tablist_panel };
