import k from"./ProseH4.9de664b0.js";import B from"./ProseCodeInline.88572d5e.js";import q from"./Badge.0895b806.js";import D from"./ProseP.5f057a9e.js";import{a as N}from"./index.8e6a446a.js";import{a as I,I as b,o as n,i as c,F as j,a5 as w,u as d,k as m,m as l,w as s,S as _,t as u,c as i,l as p,x as F}from"./entry.ed643c4e.js";import"./ContentSlot.77b558c1.js";const O={class:"component-playground-data-section"},S=["id"],E=["value","onChange"],H=I({__name:"ComponentPlaygroundProps",props:{modelValue:{type:Object,required:!0},componentData:{type:Object,required:!0}},emits:["update:modelValue"],setup(f,{emit:x}){const a=f,r=N(a,"modelValue",x),y=(t,o)=>{r.value={...r.value,[o]:t.target.value}},g=b(()=>{var t,o;return(o=(t=a==null?void 0:a.componentData)==null?void 0:t.meta)==null?void 0:o.props});return(t,o)=>{const v=k,C=B,P=q,h=D;return n(),c("div",O,[(n(!0),c(j,null,w(d(g),e=>(n(),c("div",{key:e.name},[m("div",{id:e.name,class:"prop-title"},[l(v,{id:e.name},{default:s(()=>[_(u(e.name),1)]),_:2},1032,["id"]),m("span",null,[l(C,null,{default:s(()=>[_(u(e.type),1)]),_:2},1024),e.required?p("",!0):(n(),i(P,{key:0},{default:s(()=>[_(" Required ")]),_:1}))])],8,S),e.description?(n(),i(h,{key:0},{default:s(()=>[_(u(e.description),1)]),_:2},1024)):p("",!0),m("input",{value:d(r)[e.name],onChange:V=>y(V,e.name)},null,40,E)]))),128))])}}});const G=F(H,[["__scopeId","data-v-4939fa9a"]]);export{G as default};