import b from"./TabsHeader.4fbc4d8e.js";import g from"./ComponentPlaygroundProps.9436918a.js";import{_ as v}from"./ComponentPlaygroundSlots.vue.1133fd94.js";import{_ as x}from"./ComponentPlaygroundTokens.vue.e3d826e1.js";import{a as D}from"./index.0d62e5af.js";import{d as V,r as k,b as n,c as C,g as P,I as o,K as m,am as T,f as l,l as I}from"./entry.a6d17ed9.js";import"./ProseH4.b1142dd5.js";import"./ProseCodeInline.0cfee7e7.js";import"./Badge.780798e1.js";import"./ContentSlot.965d4b68.js";import"./ProseP.21db11c4.js";const B={class:"component-playground-data"},j=V({__name:"ComponentPlaygroundData",props:{modelValue:{type:Object,required:!1,default:()=>({})},componentData:{type:Object,required:!1,default:()=>({})}},emits:["update:modelValue"],setup(t,{emit:p}){const a=D(t,"modelValue",p),e=k(0),r=[{label:"Props"},{label:"Slots"},{label:"Design Tokens"}],d=s=>e.value=s;return(s,c)=>{const u=b,_=g,i=v,f=x;return n(),C("div",B,[P(u,{"active-tab-index":o(e),tabs:r,"onUpdate:activeTabIndex":d},null,8,["active-tab-index"]),o(e)===0?(n(),m(_,{key:0,modelValue:o(a),"onUpdate:modelValue":c[0]||(c[0]=y=>T(a)?a.value=y:null),"component-data":t.componentData},null,8,["modelValue","component-data"])):l("",!0),o(e)===1?(n(),m(i,{key:1,"component-data":t.componentData},null,8,["component-data"])):l("",!0),o(e)===2?(n(),m(f,{key:2,"component-data":t.componentData},null,8,["component-data"])):l("",!0)])}}});const w=I(j,[["__scopeId","data-v-ef4d9ec9"]]);export{w as default};