import{d as $,Y as h,m as r,k as s,D as a,i as B,j as C,f as i,F as u,G as k,H as w,a8 as t,p,o as l,v as c,t as f,h as N,a4 as b,q as _}from"./zEcrVex8.js";import{_ as S}from"./anMKTYBY.js";const V=["open"],x={"text-base":""},T={key:0,"text-sm":"",op50:""},z=$({__name:"NSectionBlock",props:{icon:{},text:{},description:{},containerClass:{default:""},headerClass:{},collapse:{type:Boolean,default:!0},open:{type:Boolean,default:!0},padding:{type:[Boolean,String],default:!0}},setup(v){const n=h(v,"open",void 0,{passive:!0});function d(e){n.value=e.target.open}return(e,o)=>{const m=b,g=S;return l(),r(u,null,[s("details",{open:i(n),onToggle:o[0]||(o[0]=(...y)=>d&&d(...y))},[s("summary",{class:a(["cursor-pointer select-none hover:bg-active p4",e.collapse?"":"pointer-events-none"])},[B(g,{icon:e.icon,text:e.text,"text-xl":"",transition:"",class:a([i(n)?"op100":"op60",e.headerClass])},{default:C(()=>[s("div",null,[s("div",x,[t(e.$slots,"text",{},()=>[c(f(e.text),1)],!0)]),e.description||e.$slots.description?(l(),r("div",T,[t(e.$slots,"description",{},()=>[c(f(e.description),1)],!0)])):p("",!0)]),o[1]||(o[1]=s("div",{class:"flex-auto"},null,-1)),t(e.$slots,"actions",{},void 0,!0),e.collapse?(l(),N(m,{key:0,icon:"carbon-chevron-down",class:"chevron","cursor-pointer":"","place-self-start":"","text-base":"",op75:"",transition:"","duration-500":""})):p("",!0)]),_:3},8,["icon","text","class"])],2),o._lazyshow1||i(n)?(o._lazyshow1=!0,l(),r(u,null,[k(s("div",{class:a(["flex flex-col flex-gap2 pb6 pt2",typeof e.padding=="string"?e.padding:e.padding?"px4":""])},[t(e.$slots,"details",{},void 0,!0),s("div",{class:a([e.containerClass,"mt1"])},[t(e.$slots,"default",{},void 0,!0)],2),t(e.$slots,"footer",{},void 0,!0)],2),[[w,i(n)]])],64)):p("v-show-if",!0)],40,V),o[2]||(o[2]=s("div",{class:"x-divider"},null,-1))],64)}}}),j=_(z,[["__scopeId","data-v-bae9fa8d"]]);export{j as _};
