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:"9dae6dc80798c1926b2c924f142ad8d5b45129b8",style:{display:this.active?"block":"none"}},h("div",{key:"d64421d9799e8698b15ccac5531880e31add8c23",part:"base",class:"tab-panel",role:"tabpanel","aria-hidden":this.active?"false":"true"},h("slot",{key:"41c190011c4fc8eddee26710cfc0fe5f31342f50"})))}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};