https://darwinbox.com/_next/static/chunks/1408.7b0171bd658ef0fb.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1408,6482],{81408:function(e,a,t){"use strict";t.r(a);var c=t(85893),i=t(67294),r=t(5152),n=t.n(r),l=t(41664),s=t.n(l),o=t(41481),d=t(70724),_=t(46482),m=t.n(_);let h=n()(()=>t.e(530).then(t.bind(t,40530)).then(e=>e.ImageComponent),{loadableGenerated:{webpack:()=>[40530]}}),g=e=>(e||"").toLowerCase().replace(/[^a-z0-9]/g,"");a.default=e=>{var a;let{blok:t,cards:r}=e,{heading:n=[],categories:l=[],show_search:_=!0,search_placeholder:v="Search...",shape_left:p,shape_right:u,empty_message:L="No demos match your search.",section_class:x="",container_class:j="",heading_class:b="",filter_bar_class:f="",pills_class:N="",pill_class:Y="",pill_active_class:k="",search_wrapper_class:C="",search_class:W="",grid_class:y="",empty_class:w="",shape_left_class:S="",shape_right_class:F=""}=t||{},I=(null==t?void 0:null===(a=t.cards)||void 0===a?void 0:a.length)?t.cards:r||[],[M,R]=(0,i.useState)(""),[A,B]=(0,i.useState)(""),D=(0,i.useMemo)(()=>{let e=g(M),a=A.trim().toLowerCase();return I.filter(t=>{let c=!e||g(t.category)===e,i=!a||(t.title||"").toLowerCase().includes(a);return c&&i})},[I,M,A]);return(0,c.jsxs)("section",{...t?(0,o.LF)(t):{},className:"".concat(m().section," ").concat((0,d.LY)(x,m())),children:[(null==p?void 0:p.filename)&&(0,c.jsx)("img",{src:p.filename,alt:"","aria-hidden":"true",className:"".concat(m().shape," ").concat(m().shapeLeft," ").concat((0,d.LY)(S,m()))}),(null==u?void 0:u.filename)&&(0,c.jsx)("img",{src:u.filename,alt:"","aria-hidden":"true",className:"".concat(m().shape," ").concat(m().shapeRight," ").concat((0,d.LY)(F,m()))}),(0,c.jsxs)("div",{className:"".concat(m().container," ").concat((0,d.LY)(j,m())),children:[(null==n?void 0:n.length)>0&&(0,c.jsx)("div",{className:"".concat(m().heading," ").concat((0,d.LY)(b,m())),children:(0,d.sb)(n)}),(l.length>0||_)&&(0,c.jsxs)("div",{className:"".concat(m().filterBar," ").concat((0,d.LY)(f,m())),children:[l.length>0&&(0,c.jsx)("div",{className:"".concat(m().pills," ").concat((0,d.LY)(N,m())),role:"tablist","aria-label":"Demo categories",children:l.map((e,a)=>{let t=e.value||"",i=g(t)===g(M);return(0,c.jsx)("button",{type:"button",role:"tab","aria-selected":i,onClick:()=>R(t),className:"".concat(m().pill," ").concat((0,d.LY)(Y,m())," ").concat((0,d.LY)(e.pill_class||"",m())," ").concat(i?"".concat(m().pillActive," ").concat((0,d.LY)(k,m())):""),children:e.label},e._uid||"".concat(t,"-").concat(a))})}),_&&(0,c.jsxs)("div",{className:"".concat(m().searchWrap," ").concat((0,d.LY)(C,m())),children:[(0,c.jsx)("input",{type:"text",value:A,onChange:e=>B(e.target.value),placeholder:v,"aria-label":"Search demos",className:"".concat(m().search," ").concat((0,d.LY)(W,m()))}),(0,c.jsxs)("svg",{className:m().searchIcon,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,c.jsx)("circle",{cx:"7",cy:"7",r:"5.25",stroke:"#003B73",strokeWidth:"1.5"}),(0,c.jsx)("path",{d:"M11 11L14.5 14.5",stroke:"#003B73",strokeWidth:"1.5",strokeLinecap:"round"})]})]})]}),(0,c.jsx)("div",{className:"".concat(m().grid," ").concat((0,d.LY)(y,m())),children:D.map((e,a)=>{var t,i,r;let n=(0,d.mL)(e.link),l=/^https?:\/\//i.test(n||""),o=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("span",{className:"".concat(m().thumb," ").concat((0,d.LY)(e.thumb_class||"",m())),style:e.image_bg?{background:e.image_bg}:void 0,children:(null===(t=e.image)||void 0===t?void 0:t.filename)&&(0,c.jsx)(h,{url:e.image.filename,altText:e.image.alt||e.title||"Demo",withContainer:!1,imgClass:"!static ".concat((0,d.LY)(e.image_class||"",m())),lazyLoading:!0})}),(0,c.jsxs)("span",{className:"".concat(m().cardFooter," ").concat((0,d.LY)(e.footer_class||"",m())),children:[(0,c.jsx)("span",{className:"".concat(m().cardTitle," ").concat((0,d.LY)(e.title_class||"",m())),children:e.title}),(0,c.jsx)("span",{className:"".concat(m().cardCta," ").concat((0,d.LY)(e.cta_class||"",m())),children:e.cta_label||"Start Demo"})]})]}),_="".concat(m().card," ").concat((0,d.LY)(e.card_class||"",m()));return n?l?(0,c.jsx)("a",{href:n,target:(null===(i=e.link)||void 0===i?void 0:i.target)||void 0,rel:(null===(r=e.link)||void 0===r?void 0:r.target)==="_blank"?"noopener":void 0,className:_,title:"".concat(e.title||""," ").concat(e.cta_label||"Start Demo").trim(),children:o},e._uid||a):(0,c.jsx)(s(),{href:n,locale:!(0,d.K4)(n)&&void 0,prefetch:!1,className:_,title:"".concat(e.title||""," ").concat(e.cta_label||"Start Demo").trim(),children:o},e._uid||a):(0,c.jsx)("div",{className:_,children:o},e._uid||a)})}),0===D.length&&(0,c.jsx)("p",{className:"".concat(m().empty," ").concat((0,d.LY)(w,m())),children:L})]})]})}},46482:function(e){e.exports={section:"interactive-demo-grid_section__09MLv",container:"interactive-demo-grid_container__RiUAn",shape:"interactive-demo-grid_shape__MN9vc",shapeLeft:"interactive-demo-grid_shapeLeft__FSoj3",shapeRight:"interactive-demo-grid_shapeRight__nJt3Y",heading:"interactive-demo-grid_heading__MKWVe",filterBar:"interactive-demo-grid_filterBar__9YLGz",pills:"interactive-demo-grid_pills__Zvypl",pill:"interactive-demo-grid_pill__CJATT",pillActive:"interactive-demo-grid_pillActive__xMiDK",searchWra

1p:"interactive-demo-grid_searchWrap__2Pvj5",search:"interactive-demo-grid_search__QcdO4",searchIcon:"interactive-demo-grid_searchIcon__g3xQc",grid:"interactive-demo-grid_grid__26RRA",card:"interactive-demo-grid_card__SuFir",cardCta:"interactive-demo-grid_cardCta__5YnIc",thumb:"interactive-demo-grid_thumb__eI2s_",imgW100:"interactive-demo-grid_imgW100__PIfrC",imgW80:"interactive-demo-grid_imgW80__QrGPQ",imgW60:"interactive-demo-grid_imgW60__OyRKF",imgW55:"interactive-demo-grid_imgW55__bXf8c",cardFooter:"interactive-demo-grid_cardFooter___Q1wK",cardTitle:"interactive-demo-grid_cardTitle__nVGWm",empty:"interactive-demo-grid_empty__8jhMC"}}}]);