https://next-project-starter.vercel.app/_next/static/chunks/pages/app-e214eefa339a3b2204e3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[366],{433:function(e,t,n){"use strict";n.r(t);var r=n(2809),i=n(8768),o=n(1970),a=n(5893);function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var l=function(e){return(0,a.jsx)(i.Z,{url:"/app/",title:"Project Starter | App Example",description:"Next.js Project Starter Example with parameterized route props",children:(0,a.jsx)(o.Z,c({},e))})};l.getInitialProps=function(e){return c({},e.query)},t.default=l},2887:function(e,t,n){"use strict";n.d(t,{I:function(){return o},w:function(){return a}});var r=n(7294),i=n(5893),o=(0,r.createContext)({}),a=function(e){var t=e.children,n=(0,r.useState)(null),a=n[0],s=n[1];return(0,i.jsx)(o.Provider,{value:{mode:a,setMode:s},children:t})}},8768:function(e,t,n){"use strict";n.d(t,{Z:function(){return h}});var r=n(3569),i=n(2887),o=n(9008),a=n(5893),s=function(e){var t=e.title,n=e.description,r=e.url,i=e.imageUrl,s=e.imageAlt,c=e.twitter;return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)(o.default,{children:[(0,a.jsx)("title",{children:t}),(0,a.jsx)("link",{rel:"icon",type:"image/x-icon",href:"/favicon.ico"}),(0,a.jsx)("link",{rel:"canonical",href:r}),(0,a.jsx)("meta",{name:"description",content:n}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:description",content:n}),i&&(0,a.jsx)("meta",{property:"og:image",content:i}),s&&(0,a.jsx)("meta",{property:"og:image:alt",content:s}),(0,a.jsx)("meta",{property:"og:url",content:r}),(0,a.jsx)("meta",{name:"twitter:card",content:i?"summary_large_image":"summary"}),(0,a.jsx)("meta",{name:"twitter:site",content:c}),(0,a.jsx)("meta",{name:"twitter:creator",content:c}),(0,a.jsx)("meta",{name:"twitter:title",content:t}),(0,a.jsx)("meta",{name:"twitter:description",content:n}),i&&(0,a.jsx)("meta",{property:"twitter:image",content:i}),s&&(0,a.jsx)("meta",{property:"twitter:image:alt",content:s})]})})},c=n(5988),l=n(8733),d=n(8802),p=function(){return(0,l.tZ)(c.default,{id:"2218449866",dynamic:[d.Z.fonts.body,d.Z.colors.primary,d.Z.fonts.heading,d.Z.colors.primary]},["button,hr,input{overflow:visible;}","progress,sub,sup{vertical-align:baseline;}",'[type="checkbox"],[type="radio"],legend{box-sizing:border-box;padding:0;}',"html{line-height:1.2;-webkit-text-size-adjust:100%;}","body{margin:0;font-family:".concat(d.Z.fonts.body,";}"),"hr{box-sizing:content-box;height:0;}","code,kbd,pre,samp{font-family:monospace,monospace;font-size:14px;}","pre{padding:16px 32px 16px 16px;margin:0 0 32px 0;background:#f4f4f4;display:inline-block;}","pre code{padding:0;background:none;}","code{background:#f4f4f4;padding:4px 6px;}","a{background-color:transparent;}","abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}","b,strong{font-weight:bolder;}","small{font-size:80%;}","sub,sup{font-size:75%;line-height:0;position:relative;}","sub{bottom:-0.25em;}","sup{top:-0.5em;}","img{border-style:none;}","button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}","button,select{text-transform:none;}",'[type="button"],[type="reset"],[type="submit"],button{-webkit-appearance:button;}','[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0;}','[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px;}',"fieldset{padding:0.35em 0.75em 0.625em;}","legend{color:inherit;display:table;max-width:100%;white-space:normal;}","textarea{overflow:auto;}",'[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}','[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}','[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}',"::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}","details{display:block;}","summary{display:list-item;}","[hidden],template{display:none;}","html{box-sizing:border-box;}","*,*:before,*:after{box-sizing:inherit;}","body{margin:0;min-height:100vh;height:100%;}",'button,input[type="submit"]{cursor:pointer;background:'.concat(d.Z.colors.primary,";color:white;border-radius:4px;border:none;}"),"p{line-height:1.5;margin:0 0 16px;}","ul{margin-top:0;}","select{padding:8px;}","h1,h2,h3,h4,h5,h6{text-rendering:optimizelegibility;line-height:1.2;margin:0 0 16px;font-family:".concat(d.Z.fonts.heading,";}"),"input,select,textarea{padding:4px;border:solid 2px #aed7ff;font-size:16px;font-family:inherit;}","select{-webkit-appearance:menulist;}","table{border-collapse:collapse;}","input{text-align:inherit;padding-left:4px;}","a{color:".concat(d.Z.colors.primary,";}"),"#docs h2{padding-top:32px;}"])},u=n(5126),b=n(7294),f=function(e){var t=e.children,n=(0,b.useContext)(i.I).mode;

1return(0,a.jsx)(u.xu,{as:"main",sx:{display:"flex",flex:1,minHeight:"80vh",px:[3,4],pb:4,alignItems:"center",bg:n||"white",transition:"background-color 200ms linear, border-color 200ms linear",borderBottom:"solid 1px",borderTop:"solid 1px",borderColor:n||"#EEE"},children:t})};function m(e){var t=e.children,n=(0,b.useState)(t),r=n[0],i=n[1],o=(0,b.useState)("fadeOut"),s=o[0],c=o[1];return(0,b.useEffect)((function(){c("fadeIn")}),[]),(0,b.useEffect)((function(){t!==r&&c("fadeOut")}),[t,i,r]),(0,a.jsx)(u.xu,{onTransitionEnd:function(){"fadeOut"===s&&(i(t),c("fadeIn"))},sx:{opacity:"fadeOut"===s?0:1,transition:".25s",width:"100%"},children:r})}var x=function(e){var t=e.title,n=e.description,r=e.url,i=e.imageUrl,o=e.imageAlt,c=e.twitter,l=e.children;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s,{title:t,description:n,url:r,imageUrl:i,imageAlt:o,twitter:c}),(0,a.jsx)(f,{children:(0,a.jsx)(m,{children:l})}),(0,a.jsx)(p,{})]})},h=function(e){var t=e.title,n=e.description,o=e.url,s=e.imageUrl,c=e.imageAlt,l=e.twitter,p=e.children;return(0,a.jsx)(r.f,{theme:d.Z,children:(0,a.jsx)(i.w,{children:(0,a.jsx)(x,{title:t,description:n,url:o,imageUrl:s,imageAlt:c,twitter:l,children:p})})})}},1970:function(e,t,n){"use strict";n.d(t,{Z:function(){return l}});var r=n(5126),i=n(7294),o=n(2887),a=n(1664),s=n(5893),c=function(e){var t=e.children,n=e.href,i=e.bg,o=e.mode,c=e.disabled;return(0,s.jsx)(a.default,{passHref:!0,href:c?"#":n,children:(0,s.jsx)(r.rU,{sx:{border:"2px solid",borderColor:o===i?"white":i,bg:i,mx:[2,3],width:["100%","180px"],transition:"border-color 200ms linear",textDecoration:"none",fontSize:3,px:3,py:2,color:"#fff",boxShadow:"none",borderRadius:"4px",pointerEvents:c?"none":"auto",cursor:"pointer",display:"inline-block"},children:t})})},l=function(e){var t=e.mode,n=(0,i.useContext)(o.I).setMode;return(0,i.useEffect)((function(){n(t)}),[t]),(0,s.jsxs)(r.xu,{sx:{maxWidth:"1100px",mx:"auto",textAlign:"center",pb:5},children:[(0,s.jsx)(r.xv,{as:"h2",sx:{pb:4,color:t?"white":"black"},children:t?"You selected "+t.toUpperCase():"Select a mode"}),(0,s.jsx)(c,{href:"red"===t?"#":"/app/red",mode:t,disabled:"red"===t,bg:"red",children:"Red"}),(0,s.jsx)(c,{href:"green"===t?"#":"/app/green",mode:t,disabled:"green"===t,bg:"green",children:"Green"}),(0,s.jsx)(c,{href:"blue"===t?"#":"/app/blue",mode:t,disabled:"blue"===t,bg:"blue",children:"Blue"})]})}},5537:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/app",function(){return n(433)}])}},function(e){e.O(0,[905,774,888,179],(function(){return t=5537,e(e.s=t);var t}));var t=e.O();_N_E=t}]);