component---src-pages-blog-tsx-019621a766b637ec9492.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{"/kxI":function(e,a,t){"use strict";var l=t("wx14"),r=t("zLVn"),n=t("q1tI"),c=t.n(n),s=t("TSYQ"),o=t.n(s),m=t("33Jr"),i=["className","cssModule","innerRef","tag"],d=function(e){var a=e.className,t=e.cssModule,n=e.innerRef,s=e.tag,d=Object(r.a)(e,i),u=Object(m.p)(o()(a,"card-body"),t);return c.a.createElement(s,Object(l.a)({},d,{className:u,ref:n}))};d.defaultProps={tag:"div"},a.a=d},"1GPU":function(e,a,t){"use strict";t.r(a);var l=t("q1tI"),r=t.n(l),n=t("9Dj+"),c=t("vrFN"),s=t("1Yj4"),o=t("ok1R"),m=t("rhny"),i=t("Z3h2"),d=t.n(i);var u=e=>r.a.createElement("div",{className:"blog-page-header header-medium"},r.a.createElement("div",{className:"page-header-image",style:{backgroundImage:`url(${d.a})`,filter:"blur(15px)"}}),r.a.createElement(s.a,null,r.a.createElement(o.a,{className:"text-left",style:{marginTop:66}}," ",r.a.createElement(m.a,{md:"6",xs:"12"},r.a.createElement("h1",{className:"display-2"},"Latest blogposts"),r.a.createElement("p",{className:"display-4"},"Read our newsfeed"),e.children)))),p=t("BLzl"),g=t("/kxI"),E=t("wx14"),b=t("zLVn"),f=t("TSYQ"),N=t.n(f),h=t("33Jr"),v=["className","cssModule","tag"],x=function(e){var a=e.className,t=e.cssModule,l=e.tag,n=Object(b.a)(e,v),c=Object(h.p)(N()(a,"card-title"),t);return r.a.createElement(l,Object(E.a)({},n,{className:c}))};x.defaultProps={tag:"div"};var y=x,R=t("9eSz"),w=t.n(R),j=t("Wbzz");const k=e=>{let{node:a,blogRoute:t}=e;const l=t+a.fields.slug;return r.a.createElement(p.a,{className:"card-blog card-plain blog-horizontal my-5"},r.a.createElement(o.a,null,r.a.createElement(m.a,{lg:"4"},r.a.createElement("div",{className:"card-image h-100 img-raised"},r.a.createElement(j.Link,{to:l,className:"h-100"},r.a.createElement(w.a,{fluid:a.frontmatter.thumbnail.childImageSharp.fluid,className:"img rounded h-100"})))),r.a.createElement(m.a,{lg:"8"},r.a.createElement(g.a,null,r.a.createElement(y,{tag:"h3"},r.a.createElement(j.Link,{to:l},a.frontmatter.title)),r.a.createElement("p",{className:"card-description text-muted mb-0"},a.excerpt||""," ",r.a.createElement(j.Link,{to:l},"read more")),r.a.createElement("div",{className:"author"},r.a.createElement(w.a,{fluid:a.frontmatter.authorImg.childImageSharp.fluid,className:"avatar img-raised"}),r.a.createElement("div",{className:"text",style:{top:"-42px"}},r.a.createElement("span",{className:"text-muted"},"Written by ",a.frontmatter.author),r.a.createElement("div",{className:"meta text-black"},a.frontmatter.date)))))))};var z=e=>{let{posts:a,blogRoute:t}=e;const l=null==a?void 0:a.map(e=>{let{node:a}=e;return r.a.createElement(k,{key:a.fields.slug,node:a,blogRoute:t})});return r.a.createElement("section",{className:"section"},r.a.createElement(s.a,null,r.a.createElement(o.a,null,r.a.createElement(m.a,{className:"ml-auto mr-auto",md:"10"},l))))};a.default=e=>{const{data:a}=e,{title:t,description:l,pages:s,social:o}=a.site.siteMetadata,m=a.allMdx.edges,i=s.find(e=>"blog"===e.id).route;return r.a.createElement(n.a,{pages:s,social:o,description:l,title:t},r.a.createElement(c.a,{title:"Blog",description:"Explore ReactGrid and unleash the potential of all your React apps with tips, tools, and practices"}),r.a.createElement(u,null),r.a.createElement(z,{posts:m,blogRoute:i}))}},BLzl:function(e,a,t){"use strict";var l=t("wx14"),r=t("zLVn"),n=t("q1tI"),c=t.n(n),s=t("TSYQ"),o=t.n(s),m=t("33Jr"),i=["className","cssModule","color","body","inverse","outline","tag","innerRef"],d=function(e){var a=e.className,t=e.cssModule,n=e.color,s=e.body,d=e.inverse,u=e.outline,p=e.tag,g=e.innerRef,E=Object(r.a)(e,i),b=Object(m.p)(o()(a,"card",!!d&&"text-white",!!s&&"card-body",!!n&&(u?"border":"bg")+"-"+n),t);return c.a.createElement(p,Object(l.a)({},E,{className:b,ref:g}))};d.defaultProps={tag:"div"},a.a=d},Z3h2:function(e,a,t){e.exports=t.p+"static/ReactGrid-illustration05-99d30443a8b291bd852299c55e030400.png"}}]);
//# sourceMappingURL=component---src-pages-blog-tsx-019621a766b637ec9492.js.map