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