{"version":3,"file":"component---src-templates-cases-jsx-cb97218e2fcf73ec1697.js","mappings":"sOAOe,SAASA,EAASC,GAAmB,IAAlB,KAAEC,EAAI,MAAEC,GAAOF,EAC/C,OACEG,EAAAA,cAACC,EAAAA,EAAM,KACLD,EAAAA,cAACE,EAAAA,EAAQJ,EAAKK,KACdH,EAAAA,cAAA,OAAKI,UAAU,gGACbJ,EAAAA,cAACK,EAAAA,EAAa,CACZC,MAAOP,EAAMQ,KAAKC,IAAC,CACjBC,SAAUX,EAAKY,OAASF,EAAEE,KAC1BC,MAAOH,EAAEI,UAAY,GACrBC,KAAM,UAAUL,EAAEE,aAGtBV,EAAAA,cAAA,OAAKI,UAAU,8EACbJ,EAAAA,cAAA,OAAKI,UAAU,0FACbJ,EAAAA,cAACc,EAAAA,EAAQ,CACPV,UAAU,uEACVW,QAASjB,EAAKa,QAEhBX,EAAAA,cAACc,EAAAA,EAAQ,CAACV,UAAU,6CAA6CW,QAASjB,EAAKkB,YAEjFhB,EAAAA,cAAA,OAAKI,UAAU,+EACbJ,EAAAA,cAACc,EAAAA,EAAQ,CACPV,UAAU,iHACVW,QAASjB,EAAKmB,aAIpBjB,EAAAA,cAACc,EAAAA,EAAQ,CAACV,UAAU,mDAAmDW,QAASjB,EAAKiB,WAI7F,CCrBe,SAASG,EAAKrB,GAA+B,IAA9B,KAAEsB,EAAI,YAAEC,EAAW,KAAEC,GAAMxB,EACvD,OACEG,EAAAA,cAACsB,EAAAA,GAAI,CAACH,KAAMA,GACVnB,EAAAA,cAACJ,EAAS,CAACE,KAAMsB,EAAYtB,KAAMC,MAAOsB,EAAKE,cAAcC,QAGnE,C,kGCjBO,SAASnB,EAAaR,GAAwB,IAAvB,UAAEO,EAAS,MAAEE,GAAOT,EAChD,OACEG,EAAAA,cAAA,OAAKI,UAAWqB,IAAGrB,EAAW,6CAC5BJ,EAAAA,cAAA,MAAII,UAAWqB,IAAG,eACfnB,EAAMC,KAAI,CAACmB,EAAMC,IAChB3B,EAAAA,cAAA,MAAI4B,IAAK,GAAGF,EAAKb,QAAQc,KACvB3B,EAAAA,cAAC6B,EAAAA,KAAI,CACHC,GAAIJ,EAAKb,KACTT,UAAWqB,IAAG,8CAA+C,oBAAqB,CAChF,cAAeC,EAAKjB,YAGrBiB,EAAKf,WAOpB,C","sources":["webpack://@insightarc/site/./src/containers/CasesPage.jsx","webpack://@insightarc/site/./src/templates/Cases.jsx","webpack://@insightarc/site/./src/components/TabNavigation.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Layout } from '../components/Layout';\nimport { Markdown } from '../components/Markdown';\nimport { Seo } from '../components/Seo';\nimport { TabNavigation } from '../components/TabNavigation';\n\nexport default function CasesPage({ page, cases }) {\n  return (\n    <Layout>\n      <Seo {...page.seo} />\n      <div className=\"max-w-screen-xl mx-auto w-full font-syne flex flex-col pb-24 px-4 flex flex-col items-center\">\n        <TabNavigation\n          items={cases.map((c) => ({\n            isActive: page.slug === c.slug,\n            title: c.category || '',\n            href: `/cases/${c.slug}`,\n          }))}\n        />\n        <div className=\"grid md:grid-cols-1 lg:grid-cols-2 gap-8 xl:gap-16 lg:pt-20 pb-16 xl:pb-32\">\n          <div className=\"bg-[#373737] text-white relative flex flex-col px-10 pt-12 rounded-3xl overflow-hidden\">\n            <Markdown\n              className=\"font-bold text-[32px] md:text-[32px] md:leading-[56px] mb-8 md:mb-16\"\n              content={page.title}\n            />\n            <Markdown className=\"text-xl md:text-2xl mb-6 md:mb-24 prose-sm\" content={page.subtitle} />\n          </div>\n          <div className=\"bg-[#D1E7D6] relative flex flex-col px-10 pt-12 rounded-3xl overflow-hidden\">\n            <Markdown\n              className=\"text-xl md:text-2xl mb-6 md:mb-24 prose-sm prose-p:font-syne prose-headings:font-syne prose-headings:font-bold\"\n              content={page.overview}\n            />\n          </div>\n        </div>\n        <Markdown className=\"font-roboto prose prose-lg mb-16 max-w-screen-lg\" content={page.content} />\n      </div>\n    </Layout>\n  );\n}\n","import React from 'react';\nimport { graphql } from 'gatsby';\n\nimport { Page } from '../components';\nimport CasesPage from '../containers/CasesPage';\n\nexport const query = graphql`\n  query allCasesPageQuery {\n    allStrapiCase {\n      nodes {\n        slug\n        category\n      }\n    }\n  }\n`;\n\nexport default function Cases({ path, pageContext, data }) {\n  return (\n    <Page path={path}>\n      <CasesPage page={pageContext.page} cases={data.allStrapiCase.nodes} />\n    </Page>\n  );\n}\n","import React from 'react';\n\nimport cn from 'classnames';\n\nimport { Link } from 'gatsby';\n\nexport function TabNavigation({ className, items }) {\n  return (\n    <nav className={cn(className, 'w-full overflow-x-auto overflow-y-hidden')}>\n      <ul className={cn('flex gap-5')}>\n        {items.map((item, i) => (\n          <li key={`${item.href}_${i}`}>\n            <Link\n              to={item.href}\n              className={cn('block px-6 py-2 rounded-3xl hover:underline', 'whitespace-nowrap', {\n                'link-active': item.isActive,\n              })}\n            >\n              {item.title}\n            </Link>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n}\n"],"names":["CasesPage","_ref","page","cases","React","Layout","Seo","seo","className","TabNavigation","items","map","c","isActive","slug","title","category","href","Markdown","content","subtitle","overview","Cases","path","pageContext","data","Page","allStrapiCase","nodes","cn","item","i","key","Link","to"],"sourceRoot":""}