https://www.wonderla.com/_next/static/chunks/6049.38ed143d276a980a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6049],{26049:(e,t,l)=>{l.r(t),l.d(t,{default:()=>o});var s=l(95155),a=l(48918),r=l(8315),n=l(74792),i=l(38547),u=l(98057),d=l(93048),x=l(16161),c=l(12115);let o=e=>{var t,l,o,p,m,f;let{webVideo:h,mWebVideo:w,previewImage:b,videoTitle:v,videoDescription:g,featuredVideoCta:j}=e,y=(0,d.A)(768),[N,k]=(0,c.useState)(!1),[z,E]=(0,c.useState)(!1),[C,A]=(0,c.useState)(!1),P=(0,c.useRef)(null),_=(0,c.useRef)(null),S=y?null==h||null==(l=h.data)||null==(t=l.attributes)?void 0:t.url:null==w||null==(p=w.data)||null==(o=p.attributes)?void 0:o.url,L=null==b||null==(f=b.data)||null==(m=f.attributes)?void 0:m.url,R=()=>{if(!C){A(!0),E(!0),k(!0);return}P.current&&(z?(P.current.pause(),E(!1)):(P.current.play(),E(!0)))};return(0,c.useEffect)(()=>{C&&P.current&&(z?P.current.play():P.current.pause())},[z,C]),(0,x.A)({containerRef:_,isPlaying:z,onPlay:()=>E(!1),threshold:.2}),(0,s.jsxs)("div",{className:"relative mx-auto mt-7 h-[568px] max-w-[1320px] overflow-hidden md:rounded-[26px]",ref:_,children:[!C&&L&&(0,s.jsx)(i.default,{src:L,alt:"Video Preview",width:1e3,height:675,sizes:"(max-width: 480px) 450px, (max-width: 576px) 560px, (max-width: 768px) 600px, (max-width: 992px) 800px, (max-width: 1200px) 1000px, 1000px"}),C&&(0,s.jsxs)("video",{ref:P,className:"h-full w-full object-cover",playsInline:!0,preload:"none",onEnded:()=>{E(!1),P.current&&(P.current.currentTime=0)},onCanPlay:()=>{k(!1)},children:[(0,s.jsx)("source",{src:S,type:"video/mp4"}),"Your browser does not support the video tag."]}),N&&(0,s.jsx)("div",{className:"absolute inset-0 flex items-center justify-center bg-black/80",children:(0,s.jsx)("div",{className:"h-8 w-8 animate-spin rounded-full border-4 border-white border-t-transparent"})}),!z&&(0,s.jsx)("button",{onClick:R,className:"absolute left-1/2 top-1/2 z-10 -translate-x-1/2 -translate-y-1/2","aria-label":"Play video",children:(0,s.jsx)(a.ud,{className:"aspect-square size-16 lg:size-20"})}),(0,s.jsxs)("div",{className:"absolute inset-0 flex flex-col items-center justify-end bg-gradient-to-t from-black to-transparent px-4 pb-[22px] sm:p-[28px] md:p-9 lg:flex-row lg:items-end lg:justify-between lg:p-[45px]",onClick:R,children:[(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center lg:items-start",children:[(0,s.jsx)(n.A,{as:"h2",className:"max-w-[650px] text-center text-[32px] font-black uppercase !leading-[1] text-white sm:text-[40px] md:text-[50px] lg:text-start lg:text-[56px]",children:v}),(0,s.jsx)(u.A,{as:"p",size:"base",responsive:!0,className:"mt-2 max-w-[460px] text-center text-sm font-medium text-white lg:mt-2.5 lg:text-start",children:g})]}),(0,s.jsx)(r.default,{href:j.link,target:"_blank",variant:"primary",theme:"yellow",linkClassName:"mt-2.5 lg:mt-0",children:j.label})]})]})}},93048:(e,t,l)=>{l.d(t,{A:()=>a});var s=l(12115);let a=e=>{let[t,l]=(0,s.useState)(!1);return(0,s.useLayoutEffect)(()=>{let t=()=>{l(window.innerWidth>=e)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[e]),t}}}]);