component---src-pages-index-tsx-6fca48d0c4ffc77eb4e8.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{"5gcf":function(e,t,a){e.exports=a.p+"static/sample-19df1a5c213589216795c70ba2794aad.png"},BLzl:function(e,t,a){"use strict";var n=a("wx14"),r=a("zLVn"),c=a("q1tI"),l=a.n(c),i=a("TSYQ"),s=a.n(i),o=a("33Jr"),m=["className","cssModule","color","body","inverse","outline","tag","innerRef"],p=function(e){var t=e.className,a=e.cssModule,c=e.color,i=e.body,p=e.inverse,d=e.outline,u=e.tag,f=e.innerRef,b=Object(r.a)(e,m),h=Object(o.p)(s()(t,"card",!!p&&"text-white",!!i&&"card-body",!!c&&(d?"border":"bg")+"-"+c),a);return l.a.createElement(u,Object(n.a)({},b,{className:h,ref:f}))};p.defaultProps={tag:"div"},t.a=p},QeBL:function(e,t,a){"use strict";a.r(t);var n=a("dI71"),r=a("q1tI"),c=a.n(r),l=a("9Dj+"),i=a("vrFN"),s=a("1Yj4"),o=a("ok1R"),m=a("rhny"),p=a("sOKU"),d=a("BLzl"),u=a("5gcf"),f=a.n(u),b=a("X4zb"),h=a.n(b);const y=e=>{let{githubUrl:t}=e;const{0:a,1:n}=Object(r.useState)(null);return Object(r.useEffect)(()=>{fetch("https://api.github.com/repos/silevis/reactgrid").then(e=>e.json()).then(e=>{var t;return n(null!==(t=e.stargazers_count)&&void 0!==t?t:null)})}),a?c.a.createElement("a",{className:"github-starcounter",href:t,rel:"noopener noreferrer",target:"_blank"},c.a.createElement("i",{className:"fab fa-github"}),c.a.createElement("span",null,"Stars")," ",a):null},g=[{title:"Place any cell anywhere",caption:"ReactGrid is fully customizable and extensible. You can literally place any cell type anywhere in the grid"},{title:"Optimized for touch devices",caption:"ReactGrid gives the same experience to you no matter if you work on desktop or mobile devices"},{title:"Open sourced and MIT licensed",caption:"ReactGrid is free for personal and commercial use under the MIT license"}];let x=function(e){function t(){return e.apply(this,arguments)||this}Object(n.a)(t,e);var a=t.prototype;return a.componentDidMount=function(){document.body.classList.add("reset-page")},a.componentWillUnmount=function(){document.body.classList.remove("reset-page")},a.render=function(){const{data:e}=this.props,{title:t,description:a,pages:n,social:r}=e.site.siteMetadata,u=r.find(e=>"Github"===e.title);return c.a.createElement(l.a,{pages:n,social:r,description:a,title:t},c.a.createElement(i.a,{title:t,bookmarkTitlePrefix:t,bookmarkTitleSuffix:"Spreadsheet experience for your React app",description:"ReactGrid is a component for displaying and editing data in a spreadsheet-like way. Our Community version is free and open source, or you can take a 1 month trial of ReactGrid PRO."}),c.a.createElement("div",{className:"wrapper",ref:"wrapper"},c.a.createElement("div",{className:"d-none d-md-block space-50"}),c.a.createElement(s.a,{className:"pb-5"},c.a.createElement(o.a,null,c.a.createElement(m.a,{className:"mr-auto text-left align-items-center",md:"12",lg:"7"},c.a.createElement("h1",{className:"title display-1 mb-5 text-primary page-title"},"Spreadsheet experience for your React app."),c.a.createElement("p",{className:"em-xxs font-weight-light pb-3"},"ReactGrid is an open-source React component for displaying and editing data in a spreadsheet-like way."),c.a.createElement("div",{className:"d-flex align-items-center flex-wrap",style:{gap:"1rem"}},c.a.createElement("a",{href:u.url,target:"_blank"},c.a.createElement(p.a,{type:"button",color:"primary",className:"px-5 py-3",style:{fontSize:"1.3em"}},"Check on Github")),c.a.createElement(y,{githubUrl:u.url}))),c.a.createElement(m.a,{className:"ml-auto mt-5 mt-ml-0 d-flex align-items-center justify-content-center",md:"12",lg:"5"},c.a.createElement("video",{controls:!0,autoPlay:!0,loop:!0,poster:f.a,style:{maxWidth:"500px",width:"100%",boxShadow:"#787878 0px 0px 10px -3px"}},c.a.createElement("source",{src:h.a,type:"video/mp4"}),c.a.createElement("track",{kind:"captions"})))))),c.a.createElement(s.a,null,c.a.createElement(o.a,{className:"pb-5"},g.map((e,t)=>c.a.createElement(m.a,{xs:"12",md:"4",style:{gap:"2rem"},className:"d-flex flex-column"},c.a.createElement(d.a,{className:"p-3 bg-primary-light",style:{height:"100%"},key:t},c.a.createElement("h4",{className:"mb-4"},e.title),c.a.createElement("p",{className:"pb-3 mb-1"},e.caption)))))))},t}(c.a.Component);t.default=x},X4zb:function(e,t,a){e.exports=a.p+"static/sample-01bcd7bc9a8a62ca7012cd9e73609de9.mp4"}}]);
//# sourceMappingURL=component---src-pages-index-tsx-6fca48d0c4ffc77eb4e8.js.map