import{d as r,_ as l,r as d,e as c,o as n,w as p,l as t,j as i,h as u,i as m,t as s}from"./DK8zwJF7.js";const f=r({name:"MetaSectionV1",props:{section:{type:Object,required:!0}},data(){return{open:!1}},methods:{onClick(){console.log("just clicked",Date.now())}}}),y={style:{border:"1px solid gray"},class:"o-contentContainer u-borderRadiusSmall u-p16"},_={style:{"font-weight":"bold"},class:"o-flex -alignCenter -justifyBetween"},k={class:"u-m0"},w={key:0,style:{overflow:"auto"}};function C(e,o,b,h,v,S){const a=d("wsk-section");return n(),c(a,{section:e.section,style:{}},{default:p(()=>[t("div",y,[t("div",_,[t("h6",k,s(e.section.name)+" @ V"+s(e.section.section_template_version),1),o[1]||(o[1]=i()),t("button",{class:"c-button -colorSecondary -roundedLayout -sizeSmall",onClick:o[0]||(o[0]=V=>e.open=!e.open)},s(e.open?"hide":"show")+" fields",1)]),o[2]||(o[2]=i()),e.open?(n(),u("pre",w,s(e.section.fields),1)):m("",!0)])]),_:1},8,["section"])}const B=l(f,[["render",C]]);export{B as default};