(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{6137:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return s(9308)}])},9308:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return b}});var r=s(7458),a=s(4249),n=s(1019),i=s.n(n),o=s(3824),c=s.n(o),l=s(2983),d=s(6228),u=s(3341),h=s(4274);let p=l.forwardRef((e,t)=>{let{className:s,...a}=e;return(0,r.jsx)(d.fC,{ref:t,className:(0,h.cn)("peer h-4 w-4 shrink-0 rounded-sm border border-slate-300 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-slate-700 dark:text-slate-50 dark:focus:ring-slate-400 dark:focus:ring-offset-slate-900",s),...a,children:(0,r.jsx)(d.z$,{className:(0,h.cn)("flex items-center justify-center"),children:(0,r.jsx)(u.Z,{className:"h-4 w-4"})})})});p.displayName=d.fC.displayName;let f=e=>{let{text:t,id:s,checked:a,onCheckedChange:n}=e;return(0,r.jsxs)("div",{className:"items-top flex items-center space-x-2",children:[(0,r.jsx)(p,{id:s,checked:a,onCheckedChange:n}),(0,r.jsx)("label",{htmlFor:s,className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:t})]})},m=e=>{let{image:t,name:s,description:a,to:n}=e;return(0,r.jsx)(c(),{href:n,children:(0,r.jsxs)("div",{className:"flex cursor-pointer flex-col items-start gap-6 rounded-md bg-black/5 p-8 transition-colors hover:bg-black/10 dark:bg-white/5 dark:hover:bg-white/10 md:flex-row md:items-center md:gap-12",children:[(0,r.jsx)(i(),{alt:"",src:t,width:80,height:80}),(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:"my-0 font-black",children:s}),(0,r.jsx)("p",{className:"!mt-2",children:a})]})]})})},x=()=>{let{theme:e}=(0,a.F)(),[t,s]=(0,l.useState)("light"),[n,i]=(0,l.useState)(!1);return(0,l.useEffect)(()=>s("system"===e?"light":e),[e]),(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{children:"Choose your preferred template"}),(0,r.jsx)("p",{children:"Pick the option you want. If you want to build a web app, go with Create T3 App. However, if you'd like to have both web and mobile apps - pick the Create T3 Turbo option."}),(0,r.jsxs)("div",{className:"mt-12 flex flex-col gap-6 md:grid md:grid-rows-2",children:[(0,r.jsx)(m,{to:"/app",image:"/assets/icons/app-".concat(t,".svg"),name:"Create T3 App",description:"The best way to start a full-stack, typesafe Next.js app"}),(0,r.jsx)(m,{to:"/turbo",image:"/assets/icons/turbo.svg",name:"Create T3 Turbo",description:"Clean and simple starter repo using the T3 Stack along with Expo React Native"})]}),(0,r.jsx)("div",{className:"mt-12",children:(0,r.jsx)(f,{id:"rememberAppType",text:"Remember my choice",checked:n,onCheckedChange:i})})]})};var b=x},4274:function(e,t,s){"use strict";s.d(t,{cn:function(){return n}});var r=s(4517),a=s(4015);let n=function(){for(var e=arguments.length,t=Array(e),s=0;s<e;s++)t[s]=arguments[s];return(0,a.m)((0,r.W)(t))}}},function(e){e.O(0,[868,566,774,888,179],function(){return e(e.s=6137)}),_N_E=e.O()}]);