import{r as s,h as a,H as t,g as e}from"./p-dfbe004d.js";let i=0;const n=class{constructor(a){s(this,a),this.componentId="tab-panel-"+ ++i,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 e(this)}};n.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{n as sc_tab_panel}