{"version":3,"sources":["webpack://sharpfin/./src/components/title.jsx","webpack://sharpfin/./src/components/layout.jsx","webpack://sharpfin/./src/components/page/team.jsx","webpack://sharpfin/./src/pages/team.sv.jsx"],"names":["title","className","children","top","Team","data","langKey","t","translations","team","name","image","markus","childImageSharp","fluid","helena","andreas","kristina","simon","linnea","emil","niklas","useState","map","gray","setGray","active","index","val","list","member","role","onMouseEnter","onMouseLeave","imgStyle","objectPosition","filter","TeamWrapper","props","StaticQuery","query","render","pageContext"],"mappings":"oLAYA,EAVc,SAAC,GAAe,IAAbA,EAAY,EAAZA,MACb,OACI,uBAAKC,UAAU,uBACX,uBAAKA,UAAU,kCACX,sBAAIA,UAAU,iEAAiED,M,UCkB/F,EAjBe,SAAC,GAA8B,IAA5BE,EAA2B,EAA3BA,SAA2B,IAAjBF,aAAiB,MAAT,GAAS,EACzC,OACI,2BACI,gBAAC,IAAD,MACA,gBAAC,IAAD,CAAKA,MAAOA,IACZ,4BACKA,GAAS,gBAAC,EAAD,CAAOA,MAAOA,IACxB,2BACKE,GAEL,gBAAC,IAAD,CAASC,KAAK,IACd,gBAAC,IAAD,U,4ICRVC,EAAO,SAAC,GAAuB,IAArBC,EAAoB,EAApBA,KAAMC,EAAc,EAAdA,QACZC,GAAIC,QAAaF,GAEjBG,EAAO,CACT,CACIC,KAAM,cACNV,MAAO,MACPW,MAAON,EAAKO,OAAOC,gBAAgBC,OAEvC,CACIJ,KAAM,iBACNV,MAAO,MACPW,MAAON,EAAKU,OAAOF,gBAAgBC,OAEvC,CACIJ,KAAM,kBACNV,MAAO,MACPW,MAAON,EAAKW,QAAQH,gBAAgBC,OAExC,CACIJ,KAAM,cACNV,MAAO,MACPW,MAAON,EAAKY,SAASJ,gBAAgBC,OAEzC,CACIJ,KAAM,iBACNV,MAAO,MACPW,MAAON,EAAKa,MAAML,gBAAgBC,OAGtC,CACIJ,KAAM,uBACNV,MAAO,uBACPW,MAAON,EAAKc,OAAON,gBAAgBC,OAGvC,CACIJ,KAAM,eACNV,MAAO,oBACPW,MAAON,EAAKe,KAAKP,gBAAgBC,OAErC,CACIJ,KAAM,iBACNV,MAAO,oBACPW,MAAON,EAAKgB,OAAOR,gBAAgBC,QAI3C,GAAwBQ,cAASb,EAAKc,KAAI,SAAAhB,GAAC,OAAI,MAAxCiB,EAAP,KAAaC,EAAb,KAEMC,EAAS,SAACC,EAAOC,GACnB,IAAIC,EAAOpB,EAAKc,KAAI,SAAAhB,GAAC,OAAI,KACzBsB,EAAKF,GAASC,EACdH,EAAQI,IAGZ,OACI,gBAAC,IAAD,CAASvB,QAASA,GACd,gBAAC,IAAD,KACI,gBAAC,IAAD,CAAiBN,MAAOO,EAAEE,KAAKT,OAC3B,uBAAKC,UAAU,yDACVQ,EAAKc,KAAI,SAACO,EAAQH,GAAT,OACN,2BACI,uBAAK1B,UAAU,OAAO8B,KAAK,OAAOC,aAAc,kBAAMN,EAAOC,GAAO,IAAQM,aAAc,kBAAMP,EAAOC,GAAO,KACzGH,EAAKG,GACF,gBAAC,IAAD,CAAKb,MAAOgB,EAAOnB,MAAOV,UAAU,OAAOiC,SAAU,CAACC,eAAe,SACrE,gBAAC,IAAD,CAAKrB,MAAOgB,EAAOnB,MAAOV,UAAU,OAAOiC,SAAU,CAACC,eAAe,MAAQC,OAAO,mBAE5F,uBAAKnC,UAAU,8BACX,qBAAGA,UAAU,sBAAsB6B,EAAOpB,MAC1C,qBAAGT,UAAU,eAAe6B,EAAO9B,iBAcxD,SAASqC,EAAYC,GAChC,OACI,gBAAC,EAAAC,YAAD,CACIC,MAAK,aA4DLC,OAAQ,SAAApC,GAAI,OAAI,gBAACD,EAAD,eAAMC,KAAMA,GAAUiC,S,iECrJlD,UALiB,SAACA,GAChB,IAAMhC,EAAUgC,EAAMI,YAAYpC,QAClC,OAAQ,gBAAC,IAAD,CAAMA,QAASA","file":"component---src-pages-team-sv-jsx-d0d13a8925061781026e.js","sourcesContent":["import * as React from \"react\";\n\nconst Title = ({ title }) => {\n    return (\n        <div className=\"flex justify-center\">\n            <div className=\"mx-5 py-14 screen-width w-full\">\n                <h1 className=\"text-sharpfin-gray text-3xl leading-10 md:text-4xl font-bold \">{title}</h1>\n            </div>\n        </div>\n    )\n}\n\nexport default Title\n\n","import * as React from \"react\"\nimport Contact from '../components/contact'\nimport Footer from '../components/footer'\nimport Header from '../components/header'\nimport Title from '../components/title'\nimport Seo from './seo-thing'\n\nconst Layout = ({ children, title = \"\" }) => {\n    return (\n        <div>\n            <Header />\n            <Seo title={title} />\n            <main>\n                {title && <Title title={title} />}\n                <div>\n                    {children}\n                </div>\n                <Contact top={true} />\n                <Footer />\n            </main>\n        </div>\n    )\n}\n\nexport default Layout\n","import { graphql, StaticQuery } from 'gatsby';\nimport React, { useState } from \"react\";\nimport Context from '../context';\nimport Img from 'gatsby-image';\nimport Layout from \"../layout\"\n\nimport translations from '../../translations/translations'\nimport LayoutContainer from '../layout-container';\n\n\nconst Team = ({ data, langKey }) => {\n    const t = translations(langKey)\n\n    const team = [\n        {\n            name: \"Markus Alin\",\n            title: \"CEO\",\n            image: data.markus.childImageSharp.fluid\n        },\n        {\n            name: \"Helena Nabseth\",\n            title: \"CMO\",\n            image: data.helena.childImageSharp.fluid\n        },\n        {\n            name: \"Andreas Ullsten\",\n            title: \"CRO\",\n            image: data.andreas.childImageSharp.fluid\n        },\n        {\n            name: \"Kristina Ek\",\n            title: \"CFO\",\n            image: data.kristina.childImageSharp.fluid\n        },\n        {\n            name: \"Simon Lindblom\",\n            title: \"CTO\",\n            image: data.simon.childImageSharp.fluid\n        },\n\n        {\n            name: \"Linnea Pihl Sandberg\",\n            title: \"Sales Representative\",\n            image: data.linnea.childImageSharp.fluid\n        },\n\n        {\n            name: \"Emil Nilsson\",\n            title: \"Software Engineer\",\n            image: data.emil.childImageSharp.fluid\n        },\n        {\n            name: \"Niklas Huhtala\",\n            title: \"Software Engineer\",\n            image: data.niklas.childImageSharp.fluid\n        }\n    ]\n\n    const [gray, setGray] = useState(team.map(t => true))\n\n    const active = (index, val) => {\n        let list = team.map(t => true)\n        list[index] = val;\n        setGray(list)\n    }\n\n    return (\n        <Context langKey={langKey} >\n            <Layout>\n                <LayoutContainer title={t.team.title}>\n                    <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10\">\n                        {team.map((member, index) => (\n                            <div>\n                                <div className=\"h-96\" role=\"none\" onMouseEnter={() => active(index, false)} onMouseLeave={() => active(index, true)}>\n                                    {gray[index] ?\n                                        <Img fluid={member.image} className=\"h-96\" imgStyle={{objectPosition: `top`, /*filter: `grayscale(1)` */}}/> :\n                                        <Img fluid={member.image} className=\"h-96\" imgStyle={{objectPosition: `top`, filter: `grayscale(1)`}}/>}\n                                </div>\n                                <div className=\"px-5 py-2 bg-sharpfin-blue\">\n                                    <p className=\"text-xl text-white\">{member.name}</p>\n                                    <p className=\"text-white \">{member.title}</p>\n                                    {/* <p className=\"text-white\">{member?.email}</p> */}\n                                </div>\n                            </div>\n                        ))}\n                    </div>\n                </LayoutContainer>\n            </Layout>\n        </Context>)\n}\n\n\n\n\nexport default function TeamWrapper(props) {\n    return (\n        <StaticQuery\n            query={graphql`\n            query {\n                emil: file(relativePath: { eq: \"team/emil.jpg\" }) {\n                  childImageSharp {\n                      fluid(quality: 70) {\n                          ...GatsbyImageSharpFluid\n                      }\n                  }\n              }\n              niklas: file(relativePath: { eq: \"team/niklas.png\" }) {\n                childImageSharp {\n                    fluid(quality: 70) {\n                        ...GatsbyImageSharpFluid\n                    }\n                }\n            }\n            helena: file(relativePath: { eq: \"team/helena.png\" }) {\n                childImageSharp {\n                    fluid(quality: 70) {\n                        ...GatsbyImageSharpFluid\n                    }\n                }\n            }\n              markus: file(relativePath: { eq: \"team/markus.png\" }) {\n                childImageSharp {\n                    fluid(quality: 70) {\n                        ...GatsbyImageSharpFluid\n                    }\n                }\n            }\n            simon: file(relativePath: { eq: \"team/simon.jpg\" }) {\n                childImageSharp {\n                    fluid(quality: 70) {\n                        ...GatsbyImageSharpFluid\n                    }\n                }\n            }\n            linnea: file(relativePath: { eq: \"team/linnea.png\" }) {\n                childImageSharp {\n                    fluid(quality: 70) {\n                        ...GatsbyImageSharpFluid\n                    }\n                }\n            }\n              andreas: file(relativePath: { eq: \"team/andreas.png\" }) {\n                childImageSharp {\n                    fluid(quality: 70) {\n                        ...GatsbyImageSharpFluid\n                    }\n                }\n              }\n              kristina: file(relativePath: { eq: \"team/kristina.png\" }) {\n                childImageSharp {\n                    fluid(quality: 70) {\n                        ...GatsbyImageSharpFluid\n                    }\n                }\n              }\n            }\n        `}\n            render={data => <Team data={data} {...props} />}\n        />\n    )\n}","import * as React from \"react\"\nimport Team from '../components/page/team'\n\nconst TeamPage = (props) => {\n  const langKey = props.pageContext.langKey;\n  return (<Team langKey={langKey} />)\n}\n\nexport default TeamPage\n"],"sourceRoot":""}