{"version":3,"file":"component---src-templates-our-cars-subpages-autocar-eco-tsx-59e5ec39683af1f47eef.js","mappings":"8KAiDA,UAxCwC,SAAC,GAAW,IAAVA,EAAU,EAAVA,KAEhCC,EAAY,CACd,CAACC,GAAI,EAAGC,MAAOH,EAAKI,uBAAuBC,oBAAqBC,QAASN,EAAKI,uBAAuBG,YAAaC,UAAU,EAAOC,KAAM,qBACzI,CAACP,GAAI,EAAGC,MAAOH,EAAKI,uBAAuBM,mBAAoBJ,QAASN,EAAKI,uBAAuBO,eAAgBH,UAAU,EAAOC,KAAM,6BAC3I,CAACP,GAAI,EAAGC,MAAOH,EAAKI,uBAAuBQ,sBAAuBN,QAASN,EAAKI,uBAAuBS,kBAAmBL,UAAU,EAAMC,KAAM,iCAChJ,CAACP,GAAI,EAAGC,MAAOH,EAAKI,uBAAuBU,iCAAkCR,QAASN,EAAKI,uBAAuBW,6BAA8BP,UAAU,EAAOC,KAAM,6CACvK,CAACP,GAAI,EAAGC,MAAOH,EAAKI,uBAAuBY,wCAAyCV,QAASN,EAAKI,uBAAuBa,oCAAqCT,UAAU,EAAOC,KAAM,sDAEnLS,EAAWjB,EAAU,GAAGK,QAE9B,OACI,gBAAC,IAAD,CACIN,KAAMA,EACNC,UAAWA,EACXkB,YAAaD,EACbE,IAAKpB,EAAKI,uBAAuBiB,cACjCC,MAAOtB,EAAKI,uBAAuBmB,oBAAoB,O,qHCqCnE,EAtCqC,SAAC,GAA+C,IAA9CvB,EAA8C,EAA9CA,KAAMC,EAAwC,EAAxCA,UAAWkB,EAA6B,EAA7BA,YAAaC,EAAgB,EAAhBA,IAAKE,EAAW,EAAXA,MAEhEE,GAAWC,EAAAA,EAAAA,MAAoB,KAErC,OACI,gBAAC,IAAD,CAAQzB,KAAMA,EAAK0B,cAAeC,kBAAmB3B,EAAK4B,uBAAwBC,YAAa7B,EAAK8B,eAAgBV,IAAKA,EAAaW,aAAa,oBAC/I,gBAAC,IAAD,CACI5B,MAAOmB,GAASA,EAAMnB,MACtB6B,MAAOV,GAASA,EAAMW,kBAE1B,2BAASC,UClCM,wCDmCX,uBAAKA,UClCI,uCDmCHV,GAAY,gBAAC,IAAD,CAAgBxB,KAAMA,EAAKI,uBAAuB+B,aAChE,uBAAKD,UCnCJ,kCDoCG,uBAAKA,UClCC,2CDmCDjC,EAAUmC,KAAI,SAAAC,GACX,OACI,qBACI,aAAYA,EAASlC,MACrBmC,IAAKD,EAASnC,GACdgC,UAAWG,EAAS7B,SCtChC,wCADR,gCDwCoB+B,KAAMF,EAAS5B,MAEd4B,EAASlC,WAK1B,gBAAC,IAAD,CAAoBH,KAAMmB,KAE7BK,GAAY,gBAAC,IAAD,CAAgBxB,KAAMA,EAAKI,uBAAuB+B","sources":["webpack://portail-tourisme-keolis-web/./src/templates/our-cars/subpages/autocar-eco.tsx","webpack://portail-tourisme-keolis-web/./src/templates/our-cars/subpages/subpage.tsx","webpack://portail-tourisme-keolis-web/./src/templates/our-cars/subpages/subpage.module.scss"],"sourcesContent":["import React from \"react\";\nimport {graphql} from \"gatsby\";\nimport {OurCarsQuery} from \"../../../../graphql-types\";\nimport Subpage from \"./subpage\";\n\ntype ReactProps = {\n    data: OurCarsQuery\n}\n\nconst AutocarEco:React.FC<ReactProps> = ({data}) => {\n\n    const selectors = [\n        {id: 1, title: data.datoCmsNosVehiculesNew.mainPageButtonTitle, content: data.datoCmsNosVehiculesNew.mainContent, selected: false, link: \"/location-autocar\"},\n        {id: 2, title: data.datoCmsNosVehiculesNew.minibusButtonTitle, content: data.datoCmsNosVehiculesNew.minibusContent, selected: false, link: \"/location-autocar/minibus\"},\n        {id: 3, title: data.datoCmsNosVehiculesNew.autocarEcoButtonTitle, content: data.datoCmsNosVehiculesNew.autocarEcoContent, selected: true, link: \"/location-autocar/autocar-eco\"},\n        {id: 4, title: data.datoCmsNosVehiculesNew.autocarMidicarConfortButtonTitle, content: data.datoCmsNosVehiculesNew.autocarMidicarConfortContent, selected: false, link: \"/location-autocar/autocar-midicar-confort\"},\n        {id: 5, title: data.datoCmsNosVehiculesNew.autocarConfortGrandeCapaciteButtonTitle, content: data.datoCmsNosVehiculesNew.autocarConfortGrandeCapaciteContent, selected: false, link: \"/location-autocar/autocar-confort-grande-capacite\"},\n    ];\n    const sContent = selectors[2].content;\n\n    return (\n        <Subpage\n            data={data}\n            selectors={selectors}\n            richContent={sContent}\n            seo={data.datoCmsNosVehiculesNew.autocarEcoSeo}\n            cover={data.datoCmsNosVehiculesNew.autocarEcoPageCover[0]}\n        />\n    )\n\n}\n\nexport const pageQuery = graphql`\n    query AutocarEco($locale: String!) {  \n        datoCmsFooter(locale: {  eq: $locale }) {\n            ...FooterFields\n        }\n        datoCmsNosVehiculesNew(locale: { eq: $locale }) {\n            ...OurCarsFields\n        }\n        datoCmsWebStickyButton(locale: {  eq: $locale }) {\n            ...StickyButtonsFields\n        }\n        datoCmsChatbot(locale: { eq: $locale }) {\n            ...ChatbotFields\n        }\n    }\n`\n\nexport default AutocarEco;","import React from \"react\";\nimport * as styles from \"./subpage.module.scss\";\nimport Layout from \"../../../components/layout/layout\";\nimport {OurCarsQuery} from \"../../../../graphql-types\";\nimport PageCover from \"../../../components/common/page-cover/page-cover\";\nimport LinksGroupSide from \"../../../components/common/links-group-side/links-group-side\";\nimport RichDatoCmsContent from \"../../../components/rich-dato-cms-content/rich-dato-cms-content\";\nimport useWindowWidth from \"../../../hooks/use-window-width\";\n\ntype ReactProps = {\n    data: OurCarsQuery,\n    selectors: Selectors[],\n    richContent: any,\n    seo: any,\n    cover: any\n}\n\nexport type Selectors = {\n    id: number,\n    title: string,\n    content: any,\n    selected: boolean,\n    link: string\n}\n\nconst Subpage:React.FC<ReactProps> = ({data, selectors, richContent, seo, cover}) => {\n\n    const isMobile = useWindowWidth() <= 1200;\n\n    return (\n        <Layout data={data.datoCmsFooter} stickyButtonsData={data.datoCmsWebStickyButton} chatbotData={data.datoCmsChatbot} seo={seo}         pageTemplate=\"our car sub page\">\n            <PageCover\n                title={cover && cover.title}\n                image={cover && cover.backgroundImage}\n            />\n            <section className={styles.pageContainer}>\n                <div className={styles.pageContent}>\n                    {!isMobile && <LinksGroupSide data={data.datoCmsNosVehiculesNew.linksGroup} />}\n                    <div className={styles.content}>\n                        <div className={styles.buttonsContainer}>\n                            {selectors.map(selector => {\n                                return (\n                                    <a\n                                        aria-label={selector.title}\n                                        key={selector.id}\n                                        className={selector.selected ? styles.buttonSelected : styles.button}\n                                        href={selector.link}\n                                    >\n                                        {selector.title}\n                                    </a>\n                                )\n                            })}\n                        </div>\n                        <RichDatoCmsContent data={richContent} />\n                    </div>\n                    {isMobile && <LinksGroupSide data={data.datoCmsNosVehiculesNew.linksGroup} />}\n                </div>\n            </section>\n        </Layout>\n    )\n\n}\n\nexport default Subpage;","// extracted by mini-css-extract-plugin\nexport var pageContainer = \"subpage-module--pageContainer--DYX5G\";\nexport var pageContent = \"subpage-module--pageContent--quj7D\";\nexport var content = \"subpage-module--content--aihgI\";\nexport var pageTitle = \"subpage-module--pageTitle--5XEFf\";\nexport var buttonsContainer = \"subpage-module--buttonsContainer--62j47\";\nexport var button = \"subpage-module--button--Kafnh\";\nexport var buttonSelected = \"subpage-module--buttonSelected--NkagM\";"],"names":["data","selectors","id","title","datoCmsNosVehiculesNew","mainPageButtonTitle","content","mainContent","selected","link","minibusButtonTitle","minibusContent","autocarEcoButtonTitle","autocarEcoContent","autocarMidicarConfortButtonTitle","autocarMidicarConfortContent","autocarConfortGrandeCapaciteButtonTitle","autocarConfortGrandeCapaciteContent","sContent","richContent","seo","autocarEcoSeo","cover","autocarEcoPageCover","isMobile","useWindowWidth","datoCmsFooter","stickyButtonsData","datoCmsWebStickyButton","chatbotData","datoCmsChatbot","pageTemplate","image","backgroundImage","className","linksGroup","map","selector","key","href"],"sourceRoot":""}