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