component---src-pages-games-noscrewsattached-js-2cb1994178a7944c3864.js

"use strict";(self.webpackChunkgatsby_starter_hello_world=self.webpackChunkgatsby_starter_hello_world||[]).push([[771],{8350:function(e,t,a){a.d(t,{Z:function(){return r}});var l=a(3723),n=a(7294);function m(e){var t=(0,n.useState)(0),a=t[0],m=t[1];return(0,n.useEffect)((function(){var t=setTimeout((function(){m((function(t){return(t+1)%e.images.length}))}),5e3);return function(){clearTimeout(t)}}),[a]),(0,n.useEffect)((function(){document.getElementById("carousel").scrollTo({left:document.getElementById(e.images[a].img.id).scrollHeight*a,top:0,behavior:"smooth"})}),[a]),n.createElement("section",{className:"slideshow-module--Slideshow--v-Ved"},n.createElement(l.G,{image:e.images[a].img.childImageSharp.gatsbyImageData,alt:e.images[a].alt,className:"slideshow-module--MainContainer--zL-sG",imgStyle:{objectFit:"scale-down"}}),n.createElement("div",{className:"slideshow-module--CarouselContainer--+iqAk"},n.createElement("ul",{className:"slideshow-module--Carousel--ZOVmB",id:"carousel"},e.images.map((function(e,t){return n.createElement("li",{key:e.img.id,id:e.img.id,onClick:function(){return m(t)}},n.createElement(l.G,{image:e.img.childImageSharp.gatsbyImageData,alt:e.alt,className:t===a?"slideshow-module--ContainerHighlight--fvuzw":"slideshow-module--Container--t1k-r",imgStyle:{objectFit:"scale-down"}}))})))))}function r(e){return n.createElement("div",null,n.createElement("header",null,n.createElement(l.G,{className:"gamedetail-module--Banner--GItFh",image:e.game.banner.childImageSharp.gatsbyImageData})),n.createElement("main",{className:"gamedetail-module--Body--Eaedq"},n.createElement("div",null,n.createElement("header",{className:"gamedetail-module--Title--9J6ij"},n.createElement("h1",null,e.game.title),n.createElement("p",null,e.game.sentence)),n.createElement("section",{className:"gamedetail-module--Description--lgabr"},n.createElement("p",null,e.game.paragraph)),n.createElement("section",{className:"gamedetail-module--Screenshots--h5OFm",style:{backgroundColor:e.game.mainColor}},n.createElement(m,{images:e.game.screenshots}))),n.createElement("aside",{className:"gamedetail-module--Team--T1HTN",style:{backgroundColor:e.game.sidebarColor}},n.createElement("div",null,n.createElement("h2",null,e.game.team),n.createElement("ul",null,e.game.members.map((function(e){return n.createElement("li",{key:e.name},n.createElement("h3",null,e.name),n.createElement("p",null,e.role))})))))))}},8255:function(e,t,a){a.r(t),a.d(t,{Head:function(){return i},default:function(){return c}});var l=a(7294),n=a(8350),m=a(7737),r=a(8461);function c(e){var t=e.data.noscrewsattachedJson;return l.createElement(m.Z,null,l.createElement(n.Z,{game:t}))}function i(){return l.createElement(r.H,{title:"No Screws Attached"})}}}]);
//# sourceMappingURL=component---src-pages-games-noscrewsattached-js-2cb1994178a7944c3864.js.map