import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";const scTabPanelCss=":host{--padding:0;--spacing:var(--sc-spacing-large);display:block}::slotted(*~*){margin-top:var(--spacing)}.tab-panel{border:solid 1px transparent;padding:var(--padding);font-family:var(--sc-font-sans);font-size:var(--sc-font-size-medium)}",ScTabPanelStyle0=scTabPanelCss;let id=0;const ScTabPanel$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentId="tab-panel-"+ ++id,this.name="",this.active=!1}render(){return this.el.id=this.el.id||this.componentId,h(Host,{key:"cc88249cdfd2712e6bbe6d7a33c31a687ebb5231",style:{display:this.active?"block":"none"}},h("div",{key:"730713320b51b369bc1d5848445022b9b8659a26",part:"base",class:"tab-panel",role:"tabpanel","aria-hidden":this.active?"false":"true"},h("slot",{key:"bd3fd83c6dc3783003072d5712715058d2cf28b0"})))}get el(){return this}static get style(){return ScTabPanelStyle0}},[1,"sc-tab-panel",{name:[513],active:[516]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["sc-tab-panel"].forEach((e=>{"sc-tab-panel"===e&&(customElements.get(e)||customElements.define(e,ScTabPanel$1))}))}const ScTabPanel=ScTabPanel$1,defineCustomElement=defineCustomElement$1;export{ScTabPanel,defineCustomElement};