(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[478],{22172:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/watch",function(){return t(47930)}])},81524:function(e,n,t){"use strict";t.d(n,{m:function(){return o}});var r=t(85893),i=t(25115);t(67294);function o(e){var n=e.title,t=e.subtitle,o=e.children,l=e.beforeTitle,x=void 0===l?null:l;return(0,r.jsxs)(i.xu,{pt:["25px","20px","45px"],pb:["20px","15px","30px"],borderBottomWidth:1,mb:"30px",children:[(0,r.jsxs)(i.W2,{maxW:"container.md",position:"relative",children:[x,(0,r.jsx)(i.X6,{as:"h1",color:"black",fontSize:["28px","33px","40px"],fontWeight:700,mb:["2px","2px","5px"],children:n}),(0,r.jsx)(i.xv,{fontSize:["13px","14px","15px"],children:t})]}),o&&(0,r.jsx)(i.W2,{maxW:"container.md",children:o})]})}},47930:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return u},default:function(){return h}});var r=t(85893),i=t(25115),o=t(82438),l=t(1832),x=t(80600),s=t(16673),c=["gray.900","purple.900","blue.900","red.900","green.900","teal.900","yellow.900","cyan.900","pink.900","gray.800","purple.800","blue.800","red.800","green.800","teal.800","yellow.800","cyan.800","pink.800","gray.700","purple.700","blue.700","red.700","green.700","teal.700","yellow.700","cyan.700","pink.700","gray.600","purple.600","blue.600","red.600","green.600","teal.600","yellow.600","cyan.600","pink.600"];function p(e){var n,t=e.title,o=e.subtitle,l=e.date,x=e.isNew,s=void 0!==x&&x,p=e.isPro,a=void 0!==p&&p,d=e.colorIndex,u=void 0===d?0:d,h=e.href,f=e.target;return(0,r.jsxs)(i.xu,{_hover:{textDecoration:"none",transform:"scale(1.02)"},as:i.rU,href:h,target:f||"_self",shadow:"xl",p:"20px",rounded:"10px",bg:null!==(n=c[u])&&void 0!==n?n:c[0],flex:1,children:[(0,r.jsxs)(i.xv,{mb:"7px",fontSize:"12px",color:"gray.400",children:[s&&(0,r.jsx)(i.Ct,{colorScheme:"yellow",mr:"10px",children:"New"}),a&&(0,r.jsx)(i.Ct,{colorScheme:"blue",mr:"10px",children:"PRO"}),l]}),(0,r.jsx)(i.X6,{color:"white",mb:"6px",fontSize:"20px",lineHeight:"28px",children:t}),(0,r.jsx)(i.xv,{color:"gray.300",fontSize:"14px",children:o})]})}var a=t(81524),d=t(80202),u=!0;function h(e){var n=e.videos,t=void 0===n?[]:n;return(0,r.jsxs)(i.xu,{bg:"white",minH:"100vh",children:[(0,r.jsx)(o.e,{}),(0,r.jsx)(d.Z,{title:"Watch",description:"Graphical video demonstrations on development topics"}),(0,r.jsxs)(i.xu,{mb:"60px",children:[(0,r.jsx)(a.m,{title:"Watch",subtitle:"Graphical video demonstrations on development topics"}),(0,r.jsx)(i.W2,{maxW:"container.md",position:"relative",children:(0,r.jsx)(i.MI,{columns:[1,1,2],mb:"30px",spacing:["10px","10px","15px"],children:t.map((function(e,n){return(0,r.jsx)(p,{target:"_blank",href:e.youtubeLink,title:e.title,subtitle:e.description,date:e.formattedUpdatedAt,isNew:n<=1,colorIndex:n,isPro:e.isPro},e.id)}))})})]}),(0,r.jsx)(l.z,{}),(0,r.jsx)(x.q,{}),(0,r.jsx)(s.$,{})]})}}},function(e){e.O(0,[680,515,774,888,179],(function(){return n=22172,e(e.s=n);var n}));var n=e.O();_N_E=n}]);