(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27402,37764,59848,37432,15096,62246,70389,94e3,44768,63926,32542],{6102:function(e,t,n){Promise.resolve().then(n.bind(n,4115)),Promise.resolve().then(n.bind(n,7707))},4115:function(e,t,n){"use strict";n.d(t,{default:function(){return r}});var s=n(7437);function i(){return(0,s.jsx)("div",{className:"inline-block align-middle",children:(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",className:"w-4 h-4",children:[(0,s.jsx)("path",{d:"M7.557 2.066A.75.75 0 0 1 8 2.75v10.5a.75.75 0 0 1-1.248.56L3.59 11H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.59l3.162-2.81a.75.75 0 0 1 .805-.124ZM12.95 3.05a.75.75 0 1 0-1.06 1.06 5.5 5.5 0 0 1 0 7.78.75.75 0 1 0 1.06 1.06 7 7 0 0 0 0-9.9Z"}),(0,s.jsx)("path",{d:"M10.828 5.172a.75.75 0 1 0-1.06 1.06 2.5 2.5 0 0 1 0 3.536.75.75 0 1 0 1.06 1.06 4 4 0 0 0 0-5.656Z"})]})})}function r(e){let t=e.sound;return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("a",{className:"cursor-pointer hover:text-violet-600",onClick:()=>{new Audio(t).play()},children:[e.word," ",e.pron," ",(0,s.jsx)(i,{})]})})}},7042:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var s=n(7437);function i(e){let t=e.item.answers,n=e.item.correct;return(0,s.jsx)("ul",{children:t.map((t,i)=>(0,s.jsx)("li",{className:"mb-1",children:(0,s.jsx)("button",{onClick:i===n?e.answerCorrect:e.answerIncorrect,disabled:e.inactiveList.includes(e.currentQuestion),className:e.inactiveList.includes(e.currentQuestion)?"text-left w-full h-12 bg-gray-300 px-4 py-2 rounded-md cursor-not-allowed opacity-50 text-gray-900":"text-left w-full h-12 text-indigo-100 px-4 py-2 transition-colors duration-150 bg-indigo-700 rounded-lg focus:shadow-outline hover:bg-indigo-800",children:t})},i))})}},6382:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var s=n(7437);function i(e){return(0,s.jsx)("div",{className:"backdrop bg-black opacity-75 w-full h-full absolute top-0 left-0 z-9",onClick:e.onClick})}},7707:function(e,t,n){"use strict";n.d(t,{default:function(){return u}});var s=n(7437),i=n(2265),r=n(2179),o=n(4389),l=n(6382),c=n(923),a=n(7042);function u(e){let t=e.quiz,n=e.maxQuestions,[u,d]=(0,i.useState)(0),[x,h]=(0,i.useState)(0),[f,m]=(0,i.useState)([]),[g,b]=(0,i.useState)(!1),[j,v]=(0,i.useState)(!1),[p,w]=(0,i.useState)(!1),[N,k]=(0,i.useState)([]),[C,y]=(0,i.useState)(n||t.length);function Z(){x===C-1&&b(!0),h(x+1),v(!1)}function S(){m([...f,x]),d(u+1),v(!0),w(!0)}function A(){m([...f,x]),v(!0),w(!1)}return(0,i.useEffect)(()=>{console.log(n),k(t.sort(()=>Math.random()-.5).slice(0,C))},[]),(0,s.jsxs)("div",{className:"w-full bg-white rounded-lg pt-6 pb-12 relative",children:[(0,s.jsx)("h2",{className:"mt-4",children:e.title}),(0,s.jsx)("p",{children:e.directions}),(0,s.jsx)("div",{children:g&&(0,s.jsx)(r.Z,{score:u,maxQuestions:C,onPlayAgain:function(){k(t.sort(()=>Math.random()-.5).slice(0,C)),h(0),d(0),b(!1),m([])}})}),N.map((e,t)=>(0,s.jsx)("div",{children:(0,s.jsxs)("div",{className:t===x?"visibility: visible":"visibility: hidden",children:[(0,s.jsx)("div",{className:"mt-9 mb-3",children:(0,s.jsx)(c.Z,{sound:"/assets/sndcontrast/"+e.question})}),(0,s.jsx)(a.Z,{item:e,answerCorrect:S,answerIncorrect:A,currentQuestion:x,inactiveList:f}),(0,s.jsxs)("p",{className:"text-sm text-slate-400 text-right",children:[x+1," of ",C]})]})},t)),j&&(0,s.jsx)(o.Z,{onNext:Z,score:u,maxQuestions:C,isCorrect:p}),j&&(0,s.jsx)(l.Z,{onClick:Z})]})}},4389:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var s=n(7437);function i(e){return(0,s.jsx)("div",{children:(0,s.jsx)("p",{className:"sm:text-3xl font-bold",children:"Correct!"})})}function r(e){return(0,s.jsx)("div",{children:(0,s.jsx)("p",{className:"sm:text-3xl font-bold",children:"Wrong"})})}function o(e){return(0,s.jsxs)("div",{className:"shadow-lg bg-white rounded-lg p-4 text-center w-2/4 h-2/4 z-10 absolute top-1/4 left-1/4 ".concat(e.isCorrect?"bg-[url('/assets/backgrounds/right.gif')]":"bg-[url('/assets/backgrounds/wrong.png')] bg-no-repeat bg-center bg-auto bg-cover"," "),children:[e.isCorrect?(0,s.jsx)(i,{}):(0,s.jsx)(r,{}),(0,s.jsx)("button",{className:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-10",onClick:e.onNext,children:"Next"})]})}},2179:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var s=n(7437);function i(e){let{score:t,maxQuestions:n}=e;return(0,s.jsxs)("div",{className:"w-full",children:[(0,s.jsx)("h3",{className:"mt-6",children:"Results"}),(0,s.jsxs)("p",{className:"font-bold text-xl",children:[Math.round(t/n*100),"%"]}),(0,s.jsxs)("p",{children:["(",t," out of ",n,")"]}),(0,s.jsx)("button",{className:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-10",onClick:e.onPlayAgain,children:"Play Again"})]})}},923:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var s=n(7437);function i(){return(0,s.jsx)("div",{className:"inline-block align-middle",children:(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",fill:"currentColor",className:"w-12 h-12",children:(0,s.jsx)("path",{d:"m50 5c-24.898 0-45 20.102-45 45s20.102 45 45 45 45-20.102 45-45-20.102-45-45-45zm-11.301 64v-38l30.199 19z"})})})}function r(e){let t=e.sound;return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("a",{className:"cursor-pointer text-orange-600 hover:text-indigo-700",onClick:()=>{new Audio(t).play()},children:[e.word," ",e.pron," ",(0,s.jsx)(i,{})]})})}}},function(e){e.O(0,[92971,47023,1744],function(){return e(e.s=6102)}),_N_E=e.O()}]);