https://define.app/build/assets/ComponentPlayground-B7dezYX-.js

1import{c as g,r as h,j as o}from"./app-BVouLNS2.js";import b from"./ExampleSection-DMydkdcX.js";import C from"./PropControls-DKJ6Mnyx.js";import y from"./PropsTable-BPHF3-cf.js";/* empty css            */import"./components.module-DUZm_ddy.js";import"./Select-CbcouBcN.js";import"./index-Dg3zPR_l.js";import"./index-CvuSmmyW.js";import"./index-DWbcFebn.js";import"./index-Bmc11MSq.js";import"./index-CgZHC3--.js";import"./index-DBCcv1OR.js";import"./index-D_vYQN3v.js";import"./index-C5p4uoM8.js";import"./index-D0gTzSjY.js";import"./Button-DiGvgUfK.js";import"./Icon-UZSCsqFQ.js";import"./Text-CjmAWI7w.js";import"./Dropdown.module-C7fu_OQX.js";import"./MenuItem-DDZxbRqV.js";function E(f){const e={};for(const t of f.propsSchema)e[t.name]=t.default;return e}function M(f){const e=g.c(21),{meta:t}=f;let n;e[0]!==t?(n=()=>E(t),e[0]=t,e[1]=n):n=e[1];const[r,u]=h.useState(n);let a;e[2]===Symbol.for("react.memo_cache_sentinel")?(a=(S,j)=>{u(v=>({...v,[S]:j}))},e[2]=a):a=e[2];const x=a,d=t.component;let c;e[3]===Symbol.for("react.memo_cache_sentinel")?(c=o.jsx("div",{style:{padding:"2rem",color:"var(--define-text-faint)"},children:"Loading…"}),e[3]=c):c=e[3];let s;e[4]!==d||e[5]!==r?(s=o.jsx(h.Suspense,{fallback:c,children:o.jsx(d,{...r})}),e[4]=d,e[5]=r,e[6]=s):s=e[6];let i;e[7]!==t.canvasWidth||e[8]!==t.description||e[9]!==t.name||e[10]!==s?(i=o.jsx(b,{title:t.name,description:t.description,canvasWidth:t.canvasWidth,children:s}),e[7]=t.canvasWidth,e[8]=t.description,e[9]=t.name,e[10]=s,e[11]=i):i=e[11];let p;e[12]!==t.propsSchema||e[13]!==r?(p=o.jsx(C,{schema:t.propsSchema,values:r,onChange:x}),e[12]=t.propsSchema,e[13]=r,e[14]=p):p=e[14];let m;e[15]!==t.propsSchema?(m=o.jsx(y,{schema:t.propsSchema}),e[15]=t.propsSchema,e[16]=m):m=e[16];let l;return e[17]!==i||e[18]!==p||e[19]!==m?(l=o.jsxs(o.Fragment,{children:[i,p,m]}),e[17]=i,e[18]=p,e[19]=m,e[20]=l):l=e[20],l}export{M as default};