"use strict";(self.webpackChunktechwind=self.webpackChunktechwind||[]).push([[418],{9540:(e,t,r)=>{r.r(t),r.d(t,{default:()=>j});var n=r(9867),a=r(2909);const s=r.p+"static/media/hero.17c6bff8e6c852e34ed7.png";var i=r(4234),l=r(333);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function d(e,t){return d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},d(e,t)}var c=function(e){var t,r;function a(){return e.apply(this,arguments)||this}r=e,(t=a).prototype=Object.create(r.prototype),t.prototype.constructor=t,d(t,r);var s=a.prototype;return s.getColumns=function(){var e=this.props,t=e.children,r=e.columnsCount,a=Array.from({length:r},(function(){return[]}));return n.Children.forEach(t,(function(e,t){e&&n.isValidElement(e)&&a[t%r].push(e)})),a},s.renderColumns=function(){var e=this.props.gutter;return this.getColumns().map((function(t,r){return n.createElement("div",{key:r,style:{display:"flex",flexDirection:"column",justifyContent:"flex-start",alignContent:"stretch",flex:1,width:0,gap:e}},t.map((function(e){return e})))}))},s.render=function(){var e=this.props,t=e.gutter,r=e.className,a=e.style;return n.createElement("div",{style:o({display:"flex",flexDirection:"row",justifyContent:"center",alignContent:"stretch",boxSizing:"border-box",width:"100%",gap:t},a),className:r},this.renderColumns())},a}(n.Component);c.propTypes={},c.defaultProps={columnsCount:3,gutter:"0",className:null,style:{}};const u=c;var m="undefined"!==typeof window?n.useLayoutEffect:n.useEffect,h=function(){var e=function(){var e=(0,n.useState)(!1),t=e[0],r=e[1];return m((function(){r(!0)}),[]),t}(),t=(0,n.useState)(0),r=t[0],a=t[1],s=(0,n.useCallback)((function(){e&&a(window.innerWidth)}),[e]);return m((function(){if(e)return window.addEventListener("resize",s),s(),function(){return window.removeEventListener("resize",s)}}),[e,s]),r},f=function(e){var t=e.columnsCountBreakPoints,r=void 0===t?{350:1,750:2,900:3}:t,a=e.children,s=e.className,i=void 0===s?null:s,l=e.style,o=void 0===l?null:l,d=h(),c=(0,n.useMemo)((function(){var e=Object.keys(r).sort((function(e,t){return e-t})),t=e.length>0?r[e[0]]:1;return e.forEach((function(e){e<d&&(t=r[e])})),t}),[d,r]);return n.createElement("div",{className:i,style:o},n.Children.map(a,(function(e,t){return n.cloneElement(e,{key:t,columnsCount:c})})))};f.propTypes={};const x=f,g=u;var p=r(3402),v=r(1822);p.Z.defaults.baseURL=v.gA;const b=async e=>{let t="";t=e?"/youtube?page="+e:"/youtube";try{return await p.Z.get("/youtube",{headers:{apikey:v.vo,domain:v.nw}})}catch(r){return r||{status:500,data:{message:"An unexpected error occurred."}}}};var y=r(2834);function j(){const[e,t]=(0,n.useState)(null),[r,o]=(0,n.useState)(1);(0,n.useEffect)((()=>{d()}),[r]);const d=async()=>{const e=await b(r);200===e.status?1===e.data.status&&(t(e.data.data),console.log(e.data.data)):t({error:"Not found !"})};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(i.Z,{}),(0,y.jsx)("section",{className:"relative table w-full py-16 lg:py-20 bg-indigo-600/5 overflow-hidden",children:(0,y.jsx)("div",{className:"container relative",children:(0,y.jsxs)("div",{className:"grid md:grid-cols-12 grid-cols-1 items-center mt-10 gap-[30px] relative",children:[(0,y.jsxs)("div",{className:"md:col-span-7",children:[(0,y.jsxs)("h4",{className:"font-bold lg:leading-normal leading-normal text-4xl lg:text-5xl mb-5 text-black dark:text-white",children:["Welcome to ",(0,y.jsx)("span",{className:"text-indigo-600",children:" Gallery"})," ",(0,y.jsx)("br",{})," Anytime & Anywhere"]}),(0,y.jsx)("p",{className:"text-slate-400 text-lg max-w-xl"})]}),(0,y.jsx)("div",{className:"md:col-span-5",children:(0,y.jsx)("div",{className:"relative",children:(0,y.jsx)("img",{src:s,alt:""})})}),(0,y.jsx)("div",{className:"overflow-hidden after:content-[''] after:absolute after:size-32 after:bg-red-600/5 after:top-10 after:start-0 after:-z-1 after:rounded-3xl after:animate-[spin_10s_linear_infinite]"}),(0,y.jsx)("div",{className:"overflow-hidden after:content-[''] after:absolute after:size-[512px] after:bg-indigo-600/5 after:top-0 after:-end-5 after:-z-1 after:rounded-full"})]})})}),(0,y.jsx)("section",{className:"relative md:py-16 py-16",children:(0,y.jsxs)("div",{className:"container relative md:mt-8 mt-8",children:[(0,y.jsx)("div",{className:"grid grid-cols-1 pb-8 text-center",children:(0,y.jsx)("h3",{className:"mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold",children:"Latest Youtube Videos"})}),(0,y.jsx)(x,{columnsCountBreakPoints:{350:1,750:2,900:3,1200:4},children:(0,y.jsx)(g,{columnsCount:4,children:e?e.data.map(((e,t)=>(0,y.jsx)("div",{className:"picture-item p-2 pb-5",children:(0,y.jsxs)("div",{className:"group relative",children:[(0,y.jsx)("div",{className:"relative overflow-hidden rounded-md shadow dark:shadow-gray-800",children:(0,y.jsx)("a",{href:e.videos,target:"_blank",rel:"noreferrer",children:(0,y.jsx)("img",{src:e.thumbnail,alt:"thumbnail",width:"100%"})})}),(0,y.jsx)("div",{className:"p-3"})]})},t))):e?e.error:"Not found !"})}),(0,y.jsx)("div",{className:"grid md:grid-cols-12 grid-cols-1 mt-6",children:(0,y.jsx)("div",{className:"md:col-span-12 text-center",children:(0,y.jsx)("nav",{"aria-label":"Page navigation example",children:(0,y.jsx)("ul",{className:"inline-flex items-center -space-x-px",children:e?e.links.map(((e,t)=>(0,y.jsxs)("div",{children:[" ","&laquo; Previous"===e.label?(0,y.jsx)("li",{children:(0,y.jsx)("button",{onClick:t=>((e,t,r)=>{if(t){const e=t.split("=")[1];o(e)}})(0,e.url,e.label),className:"size-[40px] inline-flex justify-center items-center text-slate-400 bg-white dark:bg-slate-900 rounded-s-lg hover:text-white border border-gray-100 dark:border-gray-700 hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600",children:(0,y.jsx)(l.RL9C,{className:"text-[20px] rtl:rotate-180 rtl:-mt-1"})})}):null,"&laquo; Previous"!==e.label&&"Next &raquo;"!==e.label?(0,y.jsx)("li",{children:(0,y.jsx)("button",{onClick:t=>{return r=e.url,n=e.label,void(r&&o(n));var r,n},className:"size-[40px] inline-flex justify-center items-center text-slate-400 hover:text-white dark:bg-slate-900 border border-gray-100 dark:border-gray-700 hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600",style:{backgroundColor:e.active?"#4F5DEB":"white"},children:e.label})}):null,"Next &raquo;"===e.label?(0,y.jsx)("li",{children:(0,y.jsx)("button",{onClick:t=>((e,t,r)=>{if(t){const e=t.split("=")[1];o(e)}})(0,e.url,e.label),className:"size-[40px] inline-flex justify-center items-center text-slate-400 bg-white dark:bg-slate-900 rounded-e-lg hover:text-white border border-gray-100 dark:border-gray-700 hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600",children:(0,y.jsx)(l.AeIR,{className:"text-xl rtl:rotate-180 rtl:-mt-1"})})}):null]},t))):""})})})})]})}),(0,y.jsx)(a.Z,{})]})}}}]);
//# sourceMappingURL=418.01f7188e.chunk.js.map