'use strict';

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

const index = require('./index-b7d9268e.js');

const pdsTabpanelCss = ":host{display:block}.pds-tabpanel{display:none;margin-top:var(--spacing-panel-margin-top);padding:var(--spacing-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: 'e373f0105e391bcb04888b060f41d96cf374ee2d', slot: "tabpanels" }, index.h("div", { key: '699b02073f6fa1caafc5920b82f776c86c553599', 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: 'df59ed91bf0ca60ccbde92b2f84c7c17659bfdbd' }))));
    }
    get el() { return index.getElement(this); }
};
PdsTabpanel.style = PdsTabpanelStyle0;

exports.pds_tabpanel = PdsTabpanel;

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