https://divjoy.com/_next/static/chunks/2394-eca029560eab9fb6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2394],{70917:function(e,t,a){a.d(t,{F4:function(){return s},iv:function(){return r},tZ:function(){return c}});var i=a(53271),n=a(67294),l=(a(27278),a(7906)),c=(a(8417),a(8679),function(e,t){var a=arguments;if(null==t||!i.h.call(t,"css"))return n.createElement.apply(void 0,a);var l=a.length,c=new Array(l);c[0]=i.E,c[1]=(0,i.c)(e,t);for(var r=2;r<l;r++)c[r]=a[r];return n.createElement.apply(null,c)});function r(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,l.O)(t)}var s=function(){var e=r.apply(void 0,arguments),t="animation-"+e.name;return{name:t,styles:"@keyframes "+t+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}},19476:function(e,t,a){a(67294);var i=a(41664),n=a.n(i),l=a(68172),c=a(28328),r=a(36731),s=a(8439),o=a(35944);var d={name:"f7ay7b",styles:"justify-content:center"},m={name:"1b14m58",styles:"a:not(.button){color:#3273dc;&:hover{text-decoration:underline;}}"};t.Z=function(e){var t=e.kit;return(0,o.tZ)("section",{className:"section is-normal",css:m,children:(0,o.BX)("div",{className:"container",style:{maxWidth:"1000px"},children:[(0,o.tZ)("h2",{id:"view-code",className:"title is-3 is-spaced",children:"Get the code"}),(0,o.BX)("p",{children:["You can get the code for this component in our"," ",(0,o.tZ)(n(),{href:"/boilerplate/react-".concat(t.value),children:(0,o.BX)("a",{className:"has-text-weight-semibold",onClick:function(){s.Z.track("componentsClickGenerate")},children:[(0,r.UR)(["react",t.value])," Boilerplate"]})}),"."," ","You'll get a complete"," ",c.gK.react.label," codebase with"," ",(0,r.Ph)(["react",t.value],!1)," integration, a beautiful multi-page template, additional integrations if you need them (like auth and payments), and access to our entire ",t.label," ","component library."]}),(0,o.BX)("div",{className:"level mt-4",css:d,children:[(0,o.tZ)("div",{className:"level-left has-text-left has-text-centered-mobile",children:(0,o.tZ)(n(),{href:"/boilerplate/react-".concat(t.value),children:(0,o.tZ)("a",{className:"button is-primary is-large",onClick:function(){s.Z.track("componentsClickGenerate")},children:"Get the boilerplate"})})}),(0,o.tZ)("div",{className:"level-right",children:(0,o.tZ)("div",{className:"px-4",children:(0,o.tZ)(l.Z,{titleStack:{framework:"react",kit:t.value}})})})]})]})})}},72234:function(e,t,a){a(67294);var i=a(41664),n=a.n(i),l=a(70917),c=a(68172),r=a(35944);var s={name:"88fseu",styles:"margin-top:30px;justify-content:center;strong{color:inherit;}"},o={name:"um6edy",styles:"position:relative;transition:color 0.5s;color:#f2e3ff!important;&:hover{color:#fff!important;}"},d={name:"4yjz9j",styles:"text-align:center;max-width:750px;margin:0 auto"},m={name:"1pzwnqu",styles:"position:relative;.title,.subtitle{color:white;}&::after{content:'';position:absolute;background:linear-gradient(90deg, #cf70f6 0%, #1f56ac 100%);top:0;right:0;bottom:0;left:0;width:100%;z-index:-2;}"};t.Z=function(e){var t=e.kit,a=e.category;return(0,r.tZ)("section",{className:"section is-normal",css:m,children:(0,r.tZ)("div",{className:"container has-text-centered",children:(0,r.BX)("header",{className:"section-header",css:d,children:[(0,r.tZ)(n(),{href:"/",passHref:!0,children:(0,r.tZ)("a",{className:"title is-block is-spaced is-size-3 has-text-weight-bold is-italic",css:o,children:"Divjoy"})}),(0,r.tZ)("h1",{className:"title is-spaced is-size-1 is-size-2-mobile",css:(0,l.iv)("",""),children:"popular"===a.value?(0,r.BX)(r.HY,{children:[t.label," Component Library"]}):(0,r.BX)(r.HY,{children:[a.label," components for"," ",(0,r.tZ)("span",{style:{whiteSpace:"nowrap"},children:t.label})]})}),(0,r.BX)("div",{className:"level is-size-6 is-size-5-tablet has-text-white",css:s,children:[(0,r.tZ)("div",{className:"level-left",children:(0,r.tZ)("div",{children:(0,r.tZ)(c.Z,{titleStack:{kit:t.value,framework:"react"}})})}),(0,r.tZ)("div",{className:"level-right",children:(0,r.tZ)("h2",{className:"is-size-6 px-3 mx-auto has-text-left has-text-centered-mobile",style:{maxWidth:"350px"},children:"popular"===a.value?(0,r.BX)(r.HY,{children:["High-quality components",(0,r.tZ)("br",{}),"built with Material UI and React.js"]}):(0,r.BX)(r.HY,{children:["High-quality ",a.label," components",(0,r.tZ)("br",{}),"built with Material UI and React.js"]})})})]})]})})})}},74741:function(e,t,a){a(67294),a(41664);var i=a(8439),n=a(35944);t.Z=function(e){var t=e.components,a=e.kit;return(0,n.tZ)("section",{className:"section is-normal",style:{backgroundColor:"#fcfcfc"},children:(0,n.tZ)("div",{className:"container",style:{maxWidth:"1000px"},children:t.map((function(e,t){return(0,n.BX)("div",{className:"mb-4 mb-tablet-5 mx-auto",children:[(0,n.BX)("div",{className:"is-flex mb-2 mb-tablet-3",children:[(0,n.tZ)("h3",{className:"d-block is-size-7-mobile",style:{marginRight:"auto"},children:e.title}

1),(0,n.tZ)("a",{className:"ml-2 has-text-link is-size-7-mobile",style:{whiteSpace:"nowrap",marginTop:"auto",fontSize:"14px"},onClick:function(){document.getElementById("view-code").scrollIntoView({behavior:"smooth"}),i.Z.track("componentsClickViewButton",{label:e.title})},children:"Get the code"})]}),(0,n.tZ)("div",{className:"card",children:(0,n.tZ)("div",{className:"card-image is-clipped",children:(0,n.tZ)("img",{className:"is-block",src:"/static/images/library/".concat(a.value,"/").concat(e.id,".png"),alt:"".concat(e.title," ").concat(a.label," component"),style:{marginTop:"-1px"}})})})]},t)}))})})}},45786:function(e,t,a){a(67294);var i=a(41664),n=a.n(i),l=a(35944);var c={name:"ov3nnw",styles:"a{background-color:#ebebeb;&:hover{text-decoration:none!important;&.is-light{background-color:#dfdede;}}}"};t.Z=function(e){var t=e.kit,a=e.categories,i=e.selectedCategory;return(0,l.tZ)("section",{className:"section py-4",children:(0,l.tZ)("div",{className:"container",children:(0,l.tZ)("div",{style:{maxWidth:"600px",margin:"0 auto"},children:(0,l.BX)("div",{className:"tags",style:{justifyContent:"center"},css:c,children:[a.map((function(e){return(0,l.tZ)(n(),{href:"popular"===e.value?"/components/".concat(t.value):"/components/".concat(t.value,"/").concat(e.value),children:(0,l.tZ)("a",{className:"tag"+(e.value===i.value?" is-primary":" is-light"),children:e.label})},e.value)})),(0,l.tZ)(n(),{href:"/boilerplate/react-".concat(t.value),children:(0,l.tZ)("a",{className:"tag is-light",children:"Templates"})})]})})})})}}}]);