(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[89],{2444:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/watch-demo",function(){return n(718)}])},718:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return j},default:function(){return g}});var i=n(5893),r=n(7294),l=n(9008),o=n.n(l),s=n(3538),a=n(3064),u=n(5675),d=n.n(u);let c=e=>{let{item:t,onClick:n}=e;return(0,i.jsxs)(s.xu,{backgroundColor:"card",borderRadius:12,overflow:"hidden",flexDirection:"column",children:[(0,i.jsxs)(s.xu,{backgroundColor:"rgba(0,0,0,0.1)",position:"relative",width:"100%",onClick:n,sx:{aspectRatio:"16 / 9"},children:[(0,i.jsx)(d(),{src:t.thumbnails.high.url,alt:"".concat(t.title," poster"),fill:!0}),(0,i.jsx)(s.kC,{alignItems:"center",backgroundColor:"#ECE8FB",borderRadius:"50%",height:86,justifyContent:"center",left:"50%",position:"absolute",sx:{cursor:"pointer",transform:"translate(-50%, -50%)"},top:"50%",width:86,children:(0,i.jsx)(a.JO,{name:"play",ml:2})})]}),(0,i.jsx)(s.xu,{px:4,pt:4,pb:8,children:(0,i.jsx)(s.xv,{color:"brand",fontSize:[16,null,18],children:t.title})})]})};var x=n(3253),p=n.n(x);p().setAppElement("#__next");let h={overlay:{backgroundColor:"rgba(117, 113, 113, 0.8)",bottom:0,left:0,padding:"1.5rem",position:"fixed",right:0,top:0,zIndex:6},content:{background:"#fff",borderRadius:"1rem",left:"50%",margin:"0",maxHeight:"75%",maxWidth:"80rem",outline:"none",overflow:"auto",padding:"0",position:"relative",top:"50%",transform:"translate(-50%, -50%)",width:"100%"}},f=e=>{let{id:t,title:n,...r}=e;return(0,i.jsx)(p(),{...r,style:h,children:(0,i.jsxs)(s.xu,{py:6,px:4,position:"relative",children:[(0,i.jsx)(s.zx,{border:"none",onClick:r.onRequestClose,position:"absolute",px:2,py:2,right:4,top:4,variant:"outline",children:(0,i.jsx)(a.JO,{name:"x",sx:{fill:"primary"}})}),(0,i.jsx)(s.xv,{color:"brand",fontSize:[16,null,18],fontWeight:"medium",mb:2,children:n}),(0,i.jsx)(s.xu,{pt:"56.25%",position:"relative",children:(0,i.jsx)("iframe",{width:"100%",height:"315",src:"https://www.youtube.com/embed/".concat(t),style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},allow:"autoplay; fullscreen"})})]})})},m=e=>{var t,n;let{videos:l}=e,[o,a]=(0,r.useState)(!1),[u,d]=(0,r.useState)(null),x=e=>{d(e),a(!0)},p=()=>{a(!1),d(null)};return(0,i.jsxs)(s.xu,{display:"grid",gridTemplateColumns:["1fr","repeat(2, 1fr)",null,"repeat(3, 1fr)"],sx:{gridGap:[4,null,6]},children:[(0,i.jsx)(f,{id:null==u?void 0:null===(t=u.id)||void 0===t?void 0:t.videoId,title:null==u?void 0:null===(n=u.snippet)||void 0===n?void 0:n.title,isOpen:o,onRequestClose:p}),l.map(e=>(0,i.jsx)(c,{item:e.snippet,onClick:()=>x(e)},e.etag))]})},b=e=>{let{videos:t}=e;return(0,i.jsxs)(s.xu,{children:[(0,i.jsx)(o(),{children:(0,i.jsx)("title",{children:"Watch Demo - Sharply Africa"})}),(0,i.jsxs)(a.W2,{children:[(0,i.jsx)(s.xu,{mb:[10,null,18],children:(0,i.jsx)(s.X6,{textAlign:"center",variant:"h2",children:"Video Tutorials"})}),(0,i.jsx)(m,{videos:t})]})]})};var j=!0,g=b}},function(e){e.O(0,[675,774,888,179],function(){return e(e.s=2444)}),_N_E=e.O()}]);