import{r as s,h as a,H as t,g as i}from"./p-b891c2f1.js";let n=0;const e=class{constructor(a){s(this,a),this.componentId="tab-panel-"+ ++n,this.name="",this.active=!1}render(){return this.el.id=this.el.id||this.componentId,a(t,{style:{display:this.active?"block":"none"}},a("div",{part:"base",class:"tab-panel",role:"tabpanel","aria-hidden":this.active?"false":"true"},a("slot",null)))}get el(){return i(this)}};e.style=":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)}";export{e as sc_tab_panel}