https://luarsekolah.com/_next/static/chunks/242.8eb68fbb6a1f095f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[242],{242:function(e,s,t){t.r(s);var l=t(85893),a=t(25675),r=t.n(a),i=t(51510),d=t(14623);s.default=function(e){let{isLoading:s,data:t,refreshData:a}=e,n=e=>"Learning"===e?"bg-[#D2F9E6] text-[#3F3F4B] border[#E4E5E9]":"Non Learning"===e?"bg-[#DBE8FE] text-[#3F3F4B] border[#E4E5E9]":"Online"===e?"bg-[#E0F5FE] text-[#3F3F4B] border[#E4E5E9]":"Offline"===e?"bg-[#FFF1C5] text-[#3F3F4B] border[#E4E5E9]":"Hybrid"===e?"bg-[#EFE9FE] text-[#3F3F4B] border[#E4E5E9]":"bg-[#FEE2E2] text-[#3F3F4B] border[#E4E5E9]";return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("section",{className:"px-5",children:(0,l.jsx)("div",{className:"max-w-7xl mx-auto",children:(0,l.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:[(0,l.jsx)(i.ZP,{loading:s,total:3}),null==t?void 0:t.map((e,s)=>{var t,a,i,c,o,x,m,u;return(0,l.jsx)("div",{className:"bg-white border-2 border-[#E4E5E9] rounded-2xl shadow-sm overflow-hidden flex flex-col h-full transition hover:shadow-md hover:border-[#E4E5E9]",style:{},children:(0,l.jsxs)("a",{href:"/event-corridor/".concat(e.slug),children:[(0,l.jsx)("div",{className:"relative w-full h-48 md:h-[180px]",children:(0,l.jsx)(r(),{src:e.banner,alt:e.judul,fill:!0,className:"object-cover"})}),(0,l.jsxs)("div",{className:"".concat((null==e?void 0:null===(t=e.event)||void 0===t?void 0:t.description)=="Event telah selesai"?"bg-[linear-gradient(90deg,#3F3F4B_0%,#09090B_100%)]":"bg-[linear-gradient(90deg,#08936D_0%,#022D21_100%)]"," text-white px-4 py-2 flex items-center gap-2"),children:[(null==e?void 0:null===(a=e.event)||void 0===a?void 0:a.description)=="Event telah selesai"?null:(0,l.jsx)("span",{className:"w-3 h-3 rounded-full bg-red-500 border border-white"}),(0,l.jsxs)("span",{className:"text-sm font-medium",children:[null!==(m=null==e?void 0:null===(i=e.event)||void 0===i?void 0:i.description)&&void 0!==m?m:"Deskripsi tidak tersedia",(null==e?void 0:null===(c=e.event)||void 0===c?void 0:c.count_down)&&(null==e?void 0:null===(o=e.event)||void 0===o?void 0:o.count_down)>0?(0,l.jsx)(d.Z,{seconds:null==e?void 0:null===(x=e.event)||void 0===x?void 0:x.count_down}):null]})]}),(0,l.jsxs)("div",{className:"pt-6 pb-5 px-5 flex flex-col flex-grow",children:[(0,l.jsx)("h3",{className:"text-lg font-semibold text-gray-900 mb-1 line-clamp-2",children:e.judul}),(0,l.jsx)("p",{className:"text-sm text-gray-500 mb-1",children:e.tgl}),(0,l.jsx)("p",{className:"text-sm text-gray-500 mb-3",children:e.jam}),(0,l.jsx)("div",{className:"pt-6 flex gap-3 mb-3 overflow-x-auto scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-transparent",children:(null!==(u=e.tags)&&void 0!==u?u:[]).map((e,s)=>(0,l.jsxs)("span",{className:"flex-shrink-0 inline-flex items-center justify-center min-h-[40px] px-3 md:px-4 py-2 gap-2 rounded-[12px] text-xs md:text-sm font-medium ".concat(n(e||"")),children:[0===s&&(0,l.jsx)(r(),{loading:"lazy",src:"/images/event/icon/bookHitam.svg",alt:"Luarsekolah - ".concat(e),width:20,height:20,className:"w-4 h-4 overflow-hidden shrink-0"}),e]},s))})]})]})},s)})]})})})})}},14623:function(e,s,t){var l=t(67294);s.Z=function(e){let{seconds:s,onFinish:t}=e,[a,r]=(0,l.useState)(null!=s?s:0);return(0,l.useEffect)(()=>{if(!s||s<=0)return;r(s);let e=setInterval(()=>{r(s=>s<=1?(clearInterval(e),t&&t(),0):s-1)},1e3);return()=>clearInterval(e)},[s,t]),"".concat(Math.floor(a%3600/60).toString().padStart(2,"0"),":").concat((a%60).toString().padStart(2,"0"))}},51510:function(e,s,t){t.d(s,{L4:function(){return r}});var l=t(85893),a=t(75014);s.ZP=e=>{let{total:s=4,loading:t,isCol:a}=e;return t?(0,l.jsx)(l.Fragment,{children:(()=>{let e=[];for(let t=0;t<s;t++)e.push(t);return e})().map((e,s)=>a?(0,l.jsx)(i,{},s):(0,l.jsx)(r,{},s))}):(0,l.jsx)(l.Fragment,{})};let r=e=>{let{className:s}=e;return(0,l.jsxs)("div",{className:(0,a.cn)("animate-pulse bg-white shadow-md rounded-xl duration-500 w-[236px] md:w-[264px]",s),children:[(0,l.jsx)("div",{className:"self-stretch rounded-tl rounded-tr bg-slate-200 aspect-video"}),(0,l.jsxs)("div",{className:"self-stretch p-4 flex-col justify-start items-start gap-3 flex",children:[(0,l.jsxs)("div",{className:"self-stretch justify-start items-start gap-2 inline-flex",children:[(0,l.jsx)("div",{className:"h-3 w-full bg-slate-200 rounded"}),(0,l.jsx)("div",{className:"h-3 w-full bg-slate-200 rounded"})]}),(0,l.jsxs)("div",{className:"self-stretch flex-col justify-start items-start gap-2 flex",children:[(0,l.jsxs)("div",{className:"self-stretch  flex-col justify-start items-start gap-1 flex",children:[(0,l.jsx)("div",{className:"h-3 w-full bg-slate-200 rounded"}),(0,l.jsx)("div",{className:"self-stretch justify-start items-center gap-1 inline-flex",children:(0,l.jsx)("div",{className:"h-3 w-1/2 bg-slate-200 rounded"})})]}),(0,l.jsxs)("div",{className:"self-stretch justify-start items-center gap-2 inline-flex",children:[(0,l.jsx)("div",{className:"h-3 w-1/2 bg-slate-200 rounded"}),(0,l.jsx)("div",{className:"h-3 w-3/4 bg-slate-200 rounded"})]}),(0,l.jsx)("div",{className:"self-stretch justify-start items-center gap-2.5 inline-flex",children:(0,l.jsx)("div",{className:"h-3 w-full bg-slate-200 rounded"})}),(0,l.jsx)("div",{className:"h-3 w-3/4 bg-slate-200 rounded"}),(0,l.jsx)("div",{className:"h-3 w-2/4 bg-slate-200 rounded"})]})]})]})},i=()=>(0,l.jsxs)("div",{className:"animate-pulse self-stretch rounded bg-background-neutral-default flex flex-row items-start justify-start",children:[(0,l.jsx)("div",{className:"w-[100px] relative rounded-md h-16",children:(0,l.jsx)("div",{className:"self-stretch rounded-tl rounded-tr bg-slate-200 aspect-video"})}),(0,l.jsxs)("div",{className:"self-stretch flex-1 flex flex-col items-start justify-start py-2 px-4 gap-3",children:[(0,l.jsxs)("div",{className:"self-stretch flex flex-col items-start justify-start gap-2",children:[(0,l.jsxs)("div",{className:"self-stretch flex flex-col items-start justify-start gap-1",children:[(0,l.jsx)("div",{className:"h-3 w-3/6 bg-slate-200 rounded"}),(0,l.jsx)("div",{className:"self-stretch flex flex-row items-center justify-start gap-1 text-text-feeble",children:(0,l.jsx)("div",{className:"h-3 w-3/4 bg-slate-200 rounded"})})]}),(0,l.jsxs)("div",{className:"w-[232px] hidden flex-row items-center justify-start gap-2.5",children:[(0,l.jsx)("div",{className:"relative leading-[20px] font-semibold",children:"Rp 139.000"}),(0,l.jsx)("div",{className:"w-[73px] relative [text-decoration:line-through] leading-[20px] font-poppins text-text-disable hidden",children:"Rp 139.000"})]})]}),(0,l.jsxs)("div",{className:"hidden flex-row items-center justify-start gap-1",children:[(0,l.jsx)("img",{className:"w-5 relative h-5 overflow-hidden shrink-0",alt:"",src:"workspace_premium.svg"}),(0,l.jsx)("div",{className:"relative tracking-[-0.05px] leading-[22px]",children:"Pemula"})]})]})]})}}]);