https://www.heidihealth.com/_next/static/chunks/8748.e4cff7d2f1063edb.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8748],{58748:(e,t,n)=>{n.r(t),n.d(t,{SectionDevPlayground:()=>m});var r=n(62172),a=n(73612),o=n(40593),l=n(61815);let s={"example-component":e=>{let t,n,o,l,s,i,c,d=(0,a.c)(17),{title:m,description:p,variant:u}=e,y=void 0===m?"Example Playground Component":m,h=void 0===p?"This is a test component rendered from the Dev Playground section. Replace this with your own component!":p,x=void 0===u?"default":u;d[0]===Symbol.for("react.memo_cache_sentinel")?(t={default:"bg-sky-50 border-sky-200 text-sky-900",highlight:"bg-amber-50 border-amber-200 text-amber-900",minimal:"bg-gray-50 border-gray-200 text-gray-700"},d[0]=t):t=d[0];let b=t,g=`rounded-lg border-2 border-dashed p-8 ${b[x]}`;return d[1]===Symbol.for("react.memo_cache_sentinel")?(n=(0,r.jsxs)("div",{className:"mb-2 flex items-center gap-2",children:[(0,r.jsx)("span",{className:"rounded bg-sky-500 px-2 py-1 text-xs font-medium text-white",children:"DEV PLAYGROUND"}),(0,r.jsx)("span",{className:"text-xs text-gray-500",children:"Component: example-component"})]}),d[1]=n):n=d[1],d[2]!==y?(o=(0,r.jsx)("h3",{className:"mb-2 text-xl font-semibold",children:y}),d[2]=y,d[3]=o):o=d[3],d[4]!==h?(l=(0,r.jsx)("p",{className:"text-sm opacity-80",children:h}),d[4]=h,d[5]=l):l=d[5],d[6]!==h||d[7]!==y||d[8]!==x?(s=JSON.stringify({title:y,description:h,variant:x},null,2),d[6]=h,d[7]=y,d[8]=x,d[9]=s):s=d[9],d[10]!==s?(i=(0,r.jsx)("div",{className:"mt-4 rounded bg-white/50 p-3 text-xs",children:(0,r.jsxs)("code",{className:"text-gray-600",children:["Props: ",s]})}),d[10]=s,d[11]=i):i=d[11],d[12]!==i||d[13]!==g||d[14]!==o||d[15]!==l?(c=(0,r.jsxs)("div",{className:g,children:[n,o,l,i]}),d[12]=i,d[13]=g,d[14]=o,d[15]=l,d[16]=c):c=d[16],c}};var i=n(62695),c=n(7523),d=n(53812);function m(e){let t,n,m,p,u,y,h,x,b,g,f,v=(0,a.c)(49);if(v[0]!==e){y=Symbol.for("react.early_return_sentinel");e:{let r,{componentName:a,componentProps:l,sectionTheme:i,sectionBackgroundPattern:h,options:x,...b}=e;m=l,p=h;let g=void 0===i?"transparent":i;if(v[7]!==g?(r=(0,d.yR)(g),v[7]=g,v[8]=r):r=v[8],n=r,t=a?(0,o.t)(a):void 0,c.v.debug("[PageBuilder] SectionDevPlayground data:",{componentName:t,componentProps:m,sectionTheme:g,...b}),x?.hidden||!t){y=null;break e}u=s[t]??null}v[0]=e,v[1]=t,v[2]=n,v[3]=m,v[4]=p,v[5]=u,v[6]=y}else t=v[1],n=v[2],m=v[3],p=v[4],u=v[5],y=v[6];if(y!==Symbol.for("react.early_return_sentinel"))return y;let _=u;if(!_)return null;v[27]===Symbol.for("react.memo_cache_sentinel")?(h={},v[27]=h):h=v[27];let S=h;if(m){let e;if(v[28]!==n||v[29]!==m){e=Symbol.for("react.early_return_sentinel");t:try{S=JSON.parse(m)}catch(t){c.v.debug("[SectionDevPlayground] Failed to parse componentProps:",{error:t}),e=null;break t}v[28]=n,v[29]=m,v[30]=e,v[31]=S}else e=v[30],S=v[31];if(e!==Symbol.for("react.early_return_sentinel"))return e}return v[39]===Symbol.for("react.memo_cache_sentinel")?(x=(0,r.jsx)(i.ComponentIdentifier,{name:"SectionDevPlayground",path:"/components/page-builder/SectionDevPlayground/SectionDevPlayground.tsx"}),v[39]=x):x=v[39],v[40]!==p?(b={...p?{pattern:p}:{},patternThickness:"thin"},v[40]=p,v[41]=b):b=v[41],v[42]!==_||v[43]!==S?(g=(0,r.jsx)(_,{...S}),v[42]=_,v[43]=S,v[44]=g):g=v[44],v[45]!==n||v[46]!==b||v[47]!==g?(f=(0,r.jsxs)(r.Fragment,{children:[x,(0,r.jsx)(l.SectionWrapper,{className:"py-section-md",overlap:"none",padding:"contained",backgroundProps:b,variant:n,children:g})]}),v[45]=n,v[46]=b,v[47]=g,v[48]=f):f=v[48],f}m.displayName="SectionDevPlayground"}}]);