import { p as proxyCustomElement, H, h } from './p-1407a5e8.js';

const TabPane = /*@__PURE__*/ proxyCustomElement(class TabPane extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
    }
    /** 面板标识 */
    key = '';
    /** 标签标题 */
    label = '';
    /** 是否激活 */
    active = false;
    render() {
        return (h("div", { key: 'fa98d25d4ff9e4150b91b25db175af36aaba295f', class: { 'hb-tab-pane': true, 'hb-tab-pane--hidden': !this.active }, role: "tabpanel", id: `hb-tabs__panel-${this.key}`, "aria-labelledby": this.key ? `hb-tabs__tab-${this.key}` : undefined, tabindex: this.active ? 0 : undefined }, h("slot", { key: 'a13d4ae22b4e093d4d5ba4994468fc22be3cecc3' })));
    }
}, [1, "hb-tab-pane", {
        "key": [1],
        "label": [1],
        "active": [4]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["hb-tab-pane"];
    components.forEach(tagName => { switch (tagName) {
        case "hb-tab-pane":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, TabPane);
            }
            break;
    } });
}
defineCustomElement$1();

const HbTabPane = TabPane;
const defineCustomElement = defineCustomElement$1;

export { HbTabPane, defineCustomElement };

//# sourceMappingURL=hb-tab-pane.js.map