import y from"./TabsHeader.P4EbMDj2.js";import x from"./ComponentPlaygroundProps.8UOpIkoQ.js";import{_ as V}from"./ComponentPlaygroundSlots.vue.ziGUuzIn.js";import{_ as g}from"./ComponentPlaygroundTokens.vue.7Q5Bd06y.js";import{d as k,at as v,r as D,b as a,c as C,g as P,I as o,W as m,au as T,f as s,l as I}from"./entry.smrWno0O.js";import"./ProseH4.-tzPMzHE.js";import"./ProseCodeInline.EUK6ruTL.js";import"./Badge.LN-I479B.js";import"./slot.8lF3xzXm.js";import"./node.V6KjywBy.js";import"./ProseP.B9p89qLh.js";const B={class:"component-playground-data"},j=k({__name:"ComponentPlaygroundData",props:{modelValue:{type:Object,required:!1,default:()=>({})},componentData:{type:Object,required:!1,default:()=>({})}},emits:["update:modelValue"],setup(t,{emit:p}){const n=v(t,"modelValue",p),e=D(0),r=[{label:"Props"},{label:"Slots"},{label:"Design Tokens"}],d=c=>e.value=c;return(c,l)=>{const u=y,i=x,_=V,f=g;return a(),C("div",B,[P(u,{"active-tab-index":o(e),tabs:r,"onUpdate:activeTabIndex":d},null,8,["active-tab-index"]),o(e)===0?(a(),m(i,{key:0,modelValue:o(n),"onUpdate:modelValue":l[0]||(l[0]=b=>T(n)?n.value=b:null),"component-data":t.componentData},null,8,["modelValue","component-data"])):s("",!0),o(e)===1?(a(),m(_,{key:1,"component-data":t.componentData},null,8,["component-data"])):s("",!0),o(e)===2?(a(),m(f,{key:2,"component-data":t.componentData},null,8,["component-data"])):s("",!0)])}}}),z=I(j,[["__scopeId","data-v-60366e2c"]]);export{z as default};