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