import{k as f,r as v,w as h,_ as l,L as c,Z as a,q as d,Y as u,N as m,X as x,z as b,$ as r,a1 as p,l as _,v as k,V as o}from"./vendor-vue-Dqr9UV61-aster.js";import{o as w}from"./vendor-icons-B2dQ8Ycb-aster.js";const y={class:"pixel-section-head"},C={key:0,class:"section-title"},B={key:1,class:"section-subtitle"},N=["aria-expanded"],S={class:"pixel-section-body"},z=f({__name:"PixelSection",props:{title:{default:""},subtitle:{default:""},defaultOpen:{type:Boolean,default:!0}},setup(t){const n=t,e=v(n.defaultOpen);return h(()=>n.defaultOpen,s=>{e.value=s}),(s,i)=>(o(),l("section",{class:c(["section pixel-section",{collapsed:!e.value}])},[a("header",y,[d(s.$slots,"header",{},()=>[a("div",null,[t.title?(o(),l("h3",C,r(t.title),1)):p("",!0),t.subtitle?(o(),l("p",B,r(t.subtitle),1)):p("",!0)])]),a("button",{class:"collapse-toggle",type:"button","aria-expanded":e.value,onClick:i[0]||(i[0]=V=>e.value=!e.value)},[u(m(w),{size:15,class:c({closed:!e.value})},null,8,["class"])],8,N)]),u(b,{name:"pixel-fold"},{default:x(()=>[_(a("div",S,[d(s.$slots,"default")],512),[[k,e.value]])]),_:3})],2))}});export{z as _};
