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

const pdsTabpanelCss = ":host{display:block}.pds-tabpanel{display:none;margin-top:var(--panel-margin-top);padding:var(--panel-padding)}.pds-tabpanel.is-active{display:block}";
const PdsTabpanelStyle0 = pdsTabpanelCss;

const PdsTabpanel = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.name = undefined;
        this.parentComponentId = undefined;
        this.variant = undefined;
        this.selected = false;
    }
    render() {
        return (h(Host, { key: 'b15595eb65b1f306ab6f321abad5f36d473f72f0', slot: "tabpanels" }, h("div", { key: 'cfef7ac9cf9894b3c0962dcdc9e70b728b94bd38', role: "tabpanel", id: this.parentComponentId + "__" + this.name + '-panel', tabindex: "0", "aria-labelledby": this.parentComponentId + "__" + this.name, class: this.selected ? "pds-tabpanel is-active" : "pds-tabpanel" }, h("slot", { key: 'b666cb82217d8d970794896668b070a3cd0719b3' }))));
    }
    get el() { return getElement(this); }
};
PdsTabpanel.style = PdsTabpanelStyle0;

export { PdsTabpanel as pds_tabpanel };

//# sourceMappingURL=pds-tabpanel.entry.js.map