'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-c18b5a7b.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) {
        index.registerInstance(this, hostRef);
        this.name = undefined;
        this.parentComponentId = undefined;
        this.variant = undefined;
        this.selected = false;
    }
    render() {
        return (index.h(index.Host, { key: 'b15595eb65b1f306ab6f321abad5f36d473f72f0', slot: "tabpanels" }, index.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" }, index.h("slot", { key: 'b666cb82217d8d970794896668b070a3cd0719b3' }))));
    }
    get el() { return index.getElement(this); }
};
PdsTabpanel.style = PdsTabpanelStyle0;

exports.pds_tabpanel = PdsTabpanel;

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