import{d as i,r as l,aK as c,aL as d,Y as _,o as f,c as g,b as m,z as u,_ as y}from"./index-207e8178.js";const v={class:"collapsible-inner"},C=i({__name:"Collapsable",props:{isOpen:{type:Boolean}},setup(n){const s=n,o=e=>e?"1fr":"0fr",t=l(),{motionProperties:r}=c(t),{apply:a}=d(r);a({display:"grid",gridTemplateRows:o(s.isOpen)});const p=e=>{a({display:"grid",gridTemplateRows:o(e),transition:{type:"spring",stiffness:300,damping:30,mass:1}})};return _(()=>s.isOpen,e=>{p(e)}),(e,b)=>(f(),g("div",{ref_key:"target",ref:t},[m("div",v,[u(e.$slots,"default",{},void 0,!0)])],512))}});const w=y(C,[["__scopeId","data-v-69e2dc31"]]);export{w as C};