(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7670],{7670:(e,s,c)=>{"use strict";c.r(s),c.d(s,{default:()=>y});var t=c(67841),n=c(79477),o=c(64833),a=c(76375),l=c(73672);let r=(0,o.z)("div")({name:"Wrapper",class:"w1c0ach",propsAsIs:!1}),i=(0,o.z)(l.Z)({name:"FloatingPadlock",class:"f1y0c75l",propsAsIs:!0}),h=(0,o.z)("div")({name:"Label",class:"l9efd33",propsAsIs:!1}),d=(0,o.z)("span")({name:"Prefix",class:"p7sgvny",propsAsIs:!1}),p=(0,o.z)("div")({name:"WireWrapper",class:"w13bsco6",propsAsIs:!1}),x=(0,o.z)("div")({name:"ChoicesWrapper",class:"c6ah758",propsAsIs:!1}),g=(0,o.z)("label")({name:"Choice",class:"c1o7iwyk",propsAsIs:!1}),f=(0,o.z)("div")({name:"Background",class:"bwthpqh",propsAsIs:!1}),w=(0,o.z)("div")({name:"ChoiceLabel",class:"c15w2fqt",propsAsIs:!1}),u=(0,o.z)("input")({name:"Radio",class:"ryhjoo0",propsAsIs:!1}),v=(0,o.z)("svg")({name:"Hook",class:"hofkoxc",propsAsIs:!1}),m=(0,o.z)(v)({name:"FrontHook",class:"f1a02hgc",propsAsIs:!0}),j=(0,o.z)("div")({name:"MobileAlternative",class:"m1sd2tok",propsAsIs:!1}),y=function(e){let{label:s,choices:c,choiceIndex:o=0}=e,l=n.useId(),y=n.useRef({});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(r,{children:[(0,t.jsxs)(h,{children:[(0,t.jsx)(d,{children:"const"}),s]}),(0,t.jsxs)(p,{children:[(0,t.jsx)(a.Z,{choiceRefs:y,choiceIndex:o}),(0,t.jsx)(i,{})]}),(0,t.jsx)(x,{children:c.map((e,s)=>{let c=s===o;return(0,t.jsxs)(g,{ref:e=>{e&&(y.current[s]=e)},htmlFor:"choice-".concat(l,"-").concat(s),children:[(0,t.jsx)(f,{"data-is-selected":c,children:c&&(0,t.jsx)(v,{viewBox:"0 0 14 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.00225 2C4.03169 2 0 6.02944 0 11C0 15.9706 4.03169 20 9.00225 20H11.5C13.7503 20 14 22 14 22V0.5C14 0.5 13 2 11.5 2H9.00225ZM9 15C11.2091 15 13 13.2091 13 11C13 8.79086 11.2091 7 9 7C6.79086 7 5 8.79086 5 11C5 13.2091 6.79086 15 9 15Z",fill:"hsl(50deg 100% 88%)"})})}),(0,t.jsx)(w,{children:e}),(0,t.jsx)(u,{disabled:!0,type:"radio",name:"reassignable-variable-".concat(l),id:"choice-".concat(l,"-").concat(s),checked:c}),c&&(0,t.jsx)(m,{viewBox:"0 0 14 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.00225 2C4.03169 2 0 6.02944 0 11C0 15.9706 4.03169 20 9.00225 20H11.5C13.7503 20 14 22 14 22V0.5C14 0.5 13 2 11.5 2H9.00225ZM9 15C11.2091 15 13 13.2091 13 11C13 8.79086 11.2091 7 9 7C6.79086 7 5 8.79086 5 11C5 13.2091 6.79086 15 9 15Z",fill:"hsl(50deg 100% 88%)"})})]},s)})})]}),(0,t.jsx)(j,{children:(0,t.jsx)("img",{alt:"Diagram showing that the “fruits” constant is locked to a specific value.",src:"/images/the-const-deception/locked-variable-thumbnail.png",style:{aspectRatio:"1200 / 530",marginLeft:-16,marginRight:-16,maxWidth:"calc(100% + 32px)"}})})]})};c(43833)},73672:(e,s,c)=>{"use strict";c.d(s,{Z:()=>o});var t=c(67841),n=c(79477);let o=function(e){let s=n.useId(),c="linear-gradient-".concat(s).replace(/:/g,"");return(0,t.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"30",fill:"none",viewBox:"0 0 24 30",...e,children:[(0,t.jsx)("rect",{width:"21",height:"17",x:"1.5",y:"11.5",fill:"url(#".concat(c,")"),stroke:"var(--color-gray-700)",strokeWidth:"3",rx:"2.5"}),(0,t.jsx)("path",{stroke:"var(--color-gray-700)",strokeWidth:"3",d:"M6 11V7.5C6 4.462 8.686 2 12 2s6 2.462 6 5.5V11"}),(0,t.jsx)("defs",{children:(0,t.jsxs)("linearGradient",{id:c,x1:"24",x2:"0",y1:"20",y2:"20",gradientUnits:"userSpaceOnUse",children:[(0,t.jsx)("stop",{stopColor:"hsl(50deg 100% 80%)"}),(0,t.jsx)("stop",{offset:"0.5",stopColor:"hsl(50deg 100% 70%)"}),(0,t.jsx)("stop",{offset:"1",stopColor:"hsl(50deg 100% 80%)"})]})})]})}},76375:(e,s,c)=>{"use strict";c.d(s,{Z:()=>h});var t=c(67841),n=c(79477),o=c(64833),a=c(45700),l=c(74631),r=c(76955);let i=(0,o.z)("svg")({name:"Svg",class:"s1wq5k0m",propsAsIs:!1}),h=function(e){let{choiceRefs:s,choiceIndex:c,connectionStyle:o="centered",dependency:h=[]}=e,d=(0,r.Z)(),[p,x]=n.useState(""),g=n.useRef(null);return n.useEffect(()=>{var e;let t=null===(e=s.current)||void 0===e?void 0:e[c];if(!t||!g.current)return;let n=g.current.getBoundingClientRect(),a=t.getBoundingClientRect(),r=n.left-4,i={x:0,y:"centered"===o?n.height/2:90},h={x:a.left-r-16,y:"centered"===o?a.top-n.top+a.height/2-2:a.top-n.top+26},d=(0,l.Fv)(c,0,Object.keys(s.current).length,2,-2),p=(0,l.Fv)(c,0,Object.keys(s.current).length,20,-20),f=.5*n.width;x("\n      M ".concat(i.x," ").concat(i.y+d,"\n      C ").concat(i.x+f," ").concat(i.y+p,"\n        ").concat(h.x-f," ").concat(h.y-30,"\n        ").concat(h.x," ").concat(h.y,"\n      Q ").concat(h.x+6," ").concat(h.y+4,"\n        ").concat(h.x-2," ").concat(h.y+8,"\n      C ").concat(h.x-8," ").concat(h.y+12,"\n        ").concat(h.x-22," ").concat(h.y,"\n        ").concat(h.x-3," ").concat(h.y-3,"\n    "))},[c,s,o,d.width,h]),(0,t.jsx)(i,{xmlns:"http://www.w3.org/2000/svg",ref:g,width:"100%",height:"100%",fill:"none",children:p&&(0,t.jsx)(a.E.path,{animate:{d:p},transition:{type:"spring",damping:10,stiffness:100}})})};c(90823)},43833:e=>{e.exports={w1c0ach:"w1c0ach",f1y0c75l:"f1y0c75l",l9efd33:"l9efd33",p7sgvny:"p7sgvny",w13bsco6:"w13bsco6",c6ah758:"c6ah758",c1o7iwyk:"c1o7iwyk",bwthpqh:"bwthpqh",c15w2fqt:"c15w2fqt",ryhjoo0:"ryhjoo0",hofkoxc:"hofkoxc",f1a02hgc:"f1a02hgc",m1sd2tok:"m1sd2tok"}},90823:e=>{e.exports={s1wq5k0m:"s1wq5k0m"}}}]);
//# sourceMappingURL=7670.74187649dab21a5d.js.map