1df93b7f.bd66bb74.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[9,7],{114:function(e,t,a){"use strict";var r=a(108);a.d(t,"a",(function(){return r.a}))},99:function(e,t,a){"use strict";a.r(t);var r=a(0),n=a.n(r),l=a(113),c=a(22),s=a(24);function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(this,arguments)}function o(e,t){if(null==e)return{};var a,r,n={},l=Object.keys(e);for(r=0;r<l.length;r++)a=l[r],t.indexOf(a)>=0||(n[a]=e[a]);return n}var m=a(112),u=a.n(m),d=n.a.createContext({});d.Consumer,d.Provider;function f(e,t){var a=Object(r.useContext)(d);return e||a[t]||t}var p=["xl","lg","md","sm","xs"],h=n.a.forwardRef((function(e,t){var a=e.bsPrefix,r=e.className,l=e.noGutters,c=e.as,s=void 0===c?"div":c,m=o(e,["bsPrefix","className","noGutters","as"]),d=f(a,"row"),h=d+"-cols",g=[];return p.forEach((function(e){var t,a=m[e];delete m[e];var r="xs"!==e?"-"+e:"";null!=(t=null!=a&&"object"==typeof a?a.cols:a)&&g.push(""+h+r+"-"+t)})),n.a.createElement(s,i({ref:t},m,{className:u.a.apply(void 0,[r,d,l&&"no-gutters"].concat(g))}))}));h.displayName="Row",h.defaultProps={noGutters:!1};var g=h,v=["xl","lg","md","sm","xs"],b=n.a.forwardRef((function(e,t){var a=e.bsPrefix,r=e.className,l=e.as,c=void 0===l?"div":l,s=o(e,["bsPrefix","className","as"]),m=f(a,"col"),d=[],p=[];return v.forEach((function(e){var t,a,r,n=s[e];if(delete s[e],"object"==typeof n&&null!=n){var l=n.span;t=void 0===l||l,a=n.offset,r=n.order}else t=n;var c="xs"!==e?"-"+e:"";t&&d.push(!0===t?""+m+c:""+m+c+"-"+t),null!=r&&p.push("order"+c+"-"+r),null!=a&&p.push("offset"+c+"-"+a)})),d.length||d.push(m),n.a.createElement(c,i({},s,{ref:t,className:u.a.apply(void 0,[r].concat(d,p))}))}));b.displayName="Col";var E=b,x=a(1),y=a.n(x),N=(y.a.string,y.a.bool,y.a.bool,y.a.bool,y.a.bool,n.a.forwardRef((function(e,t){var a=e.bsPrefix,r=e.className,l=e.fluid,c=e.rounded,s=e.roundedCircle,m=e.thumbnail,d=o(e,["bsPrefix","className","fluid","rounded","roundedCircle","thumbnail"]);a=f(a,"img");var p=u()(l&&a+"-fluid",c&&"rounded",s&&"rounded-circle",m&&a+"-thumbnail");return n.a.createElement("img",i({ref:t},d,{className:u()(r,p)}))})));N.displayName="Image",N.defaultProps={fluid:!1,rounded:!1,roundedCircle:!1,thumbnail:!1};var w=N,j=a(110);var P=()=>n.a.createElement("div",{className:"bg py-4",style:{height:"100vh"}},n.a.createElement(g,{className:"py-2"},n.a.createElement(E,{className:"d-flex justify-content-center text-center text-white"},n.a.createElement("h1",{className:"font-weight-bold font50 col-lg-8 "},n.a.createElement(E,{className:"justify-content-center"},"A JS library for quickly building"," ",n.a.createElement("span",{className:"d-inline-block"},"high-performance")," forms in React")))),n.a.createElement(g,null,n.a.createElement(E,{className:"d-flex justify-content-center align-items-center"},n.a.createElement("a",{className:"btn btn-secondary px-3 py-2 mx-2",href:Object(j.a)("/docs")},"Get Started"))),n.a.createElement(g,null,n.a.createElement(E,{className:"d-flex justify-content-center"},n.a.createElement(w,{src:Object(j.a)("img/intro.png"),width:860,height:440,className:"objectFit"})))),C=/-(.)/g;var k=function(e){return e[0].toUpperCase()+(t=e,t.replace(C,(function(e,t){return t.toUpperCase()}))).slice(1);var t};function R(e,t){var a=void 0===t?{}:t,r=a.displayName,l=void 0===r?k(e):r,c=a.Component,s=a.defaultProps,m=n.a.forwardRef((function(t,a){var r=t.className,l=t.bsPrefix,s=t.as,m=void 0===s?c||"div":s,d=o(t,["className","bsPrefix","as"]),p=f(l,e);return n.a.createElement(m,i({ref:a,className:u()(r,p)},d))}));return m.defaultProps=s,m.displayName=l,m}var O=function(e){return n.a.forwardRef((function(t,a){return n.a.createElement("div",i({},t,{ref:a,className:u()(t.className,e)}))}))},U=n.a.createContext(null);U.displayName="CardContext";var F=U,T=n.a.forwardRef((function(e,t){var a=e.bsPrefix,r=e.className,l=e.variant,c=e.as,s=void 0===c?"img":c,m=o(e,["bsPrefix","className","variant","as"]),d=f(a,"card-img");return n.a.createElement(s,i({ref:t,className:u()(l?d+"-"+l:d,r)},m))}));T.displayName="CardImg",T.defaultProps={variant:null};var B=T,S=O("h5"),_=O("h6"),I=R("card-body"),J=R("card-title",{Component:S}),G=R("card-subtitle",{Component:_}),q=R("card-link",{Component:"a"}),A=R("card-text",{Component:"p"}),Q=R("card-header"),H=R("card-footer"),M=R("card-img-overlay"),z=n.a.forwardRef((function(e,t){var a=e.bsPrefix,l=e.className,c=e.bg,s=e.text,m=e.border,d=e.body,p=e.children,h=e.as,g=void 0===h?"div":h,v=o(e,["bsPrefix","className","bg","text","border","body","children","as"]),b=f(a,"card"),E=Object(r.useMemo)((function(){return{cardHeaderBsPrefix:b+"-header"}}),[b]);return n.a.createElement(F.Provider,{value:E},n.a.createElement(g,i({ref:t},v,{className:u()(l,b,c&&"bg-"+c,s&&"text-"+s,m&&"border-"+m)}),d?n.a.createElement(I,null,p):p))}));z.displayName="Card",z.defaultProps={body:!1},z.Img=B,z.Title=J,z.Subtitle=G,z.Body=I,z.Link=q,z.Text=A,z.Header=Q,z.Footer=H,z.ImgOverlay=M;var D=z,K=R("card-deck"),L=[{title:"Simple To Use",imageUrl:"img/undraw_docusaurus_mountain.svg",description:n.a.createElement(n.a.Fragment,null,"Create a MobX-State-Tree model that reflects the")},{title:"Middleware and Interdependency",imageUrl:"img/undraw_docusaurus_tree.svg",description:n.a.createElement(n.a.Fragment,null,"Intercept and manipulate the input or update another field on the basis")},{title:"Out of the Box",imageUrl:"img/undraw_docusaurus_react.svg",description:n.a.createElement(n.a.Fragment,null,"Get various validations for all fields right out of the box. Want to create a cus")},{title:"Easy on the bundle",imageUrl:"img/undraw_docusaurus_react.svg",description:n.a.createElement(n.a.Fragment,null,"1.7kB. That's all.")}];function W(e){var t=e.imageUrl,a=e.title,r=e.description,l=Object(j.a)(t);return n.a.createElement(D,{className:"bg-light border-0 borderRadius25 col-md-6"},n.a.createElement(D.Img,{variant:"top",src:l,className:"objectFit py-4",height:100,width:100}),n.a.createElement(D.Body,{className:"text-center"},n.a.createElement(D.Title,{className:"font-weight-bold"},a),n.a.createElement(D.Text,null,r)))}var X=function(){return n.a.createElement("div",{className:"py-5 bg-white"},n.a.createElement(g,null,n.a.createElement(E,{className:"d-flex justify-content-center text-center "},n.a.createElement(E,null,n.a.createElement("h1",{className:"font-weight-bold font50"},"Explore NativeBase")))),n.a.createElement(g,null,n.a.createElement(E,{className:"d-flex justify-content-center text-center w-25 "},n.a.createElement("p",{className:"px-2"},"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat."))),L&&L.length>0&&n.a.createElement(K,{className:"mx-md-5 mx-lg-5 px-3 "},L.map((function(e){var t=e.title,a=e.imageUrl,r=e.description;return n.a.createElement(W,{key:t,title:t,imageUrl:a,description:r})}))))};var Z=()=>n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:" bg-light py-5 position-relative",style:{height:"700px"}},n.a.createElement(g,null,n.a.createElement(E,{className:"d-flex justify-content-center text-center "},n.a.createElement(E,null,n.a.createElement("h1",{className:"font-weight-bold font50"},"Build forms in React, without the tears")))),n.a.createElement(g,null,n.a.createElement(E,{className:"d-flex justify-content-center text-center "},n.a.createElement("p",null,n.a.createElement(E,null,"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu"),n.a.createElement(E,null,"fugiat nulla pariatur excepteur sint occaecat cupidatat.")))),n.a.createElement(g,null,n.a.createElement(E,{className:"d-flex justify-content-center position-absolute ",style:{bottom:"-60px"}},n.a.createElement("iframe",{src:"https://codesandbox.io/embed/beautiful-cartwright-ffw8v?fontsize=14&hidenavigation=1&theme=dark",style:{width:"75%",height:"500px",border:0,borderRadius:"4px",overflow:"hidden"},title:"beautiful-cartwright-ffw8v",allow:"accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking",sandbox:"allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"})))),n.a.createElement("div",{style:{height:"130px"},className:"bg-white"}));t.default=function(){const e=Object(c.default)(),{siteConfig:t={}}=e;return n.a.createElement(l.a,{description:"A JS library for quickly building high-performance forms in React"},n.a.createElement(s.a,null,n.a.createElement("meta",{property:"og:description",content:"A JS library for quickly building high-performance forms in React"}),n.a.createElement("meta",{charSet:"utf-8"}),n.a.createElement("title",null,"Formst"),n.a.createElement("link",{rel:"stylesheet",href:"https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css",integrity:"sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l",crossOrigin:"anonymous"}),n.a.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),n.a.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;700&display=swap",rel:"stylesheet"})),n.a.createElement(P,null),n.a.createElement(X,null),n.a.createElement(Z,null))}}}]);