{"version":3,"file":"component---src-templates-news-page-js-e51c794b94658fdea76b.js","mappings":"mPAgDO,IA0CP,EA1EA,YACC,IAEG,EAFJ,EADmBA,KAGkCC,KAAzCC,EAAR,EAAQA,MAAOC,EAAf,EAAeA,QAASC,EAAxB,EAAwBA,KAAMC,EAA9B,EAA8BA,UAG9B,OACI,gCACI,gBAAC,IAAD,CACIC,SAAUJ,EACVK,YAAaJ,EACbK,MAAOH,GAAS,GAAOA,EAAUI,KAAKC,UAAUC,YAEpD,gBAACC,EAAA,EAAD,MACA,2BAASC,UCtBK,KDuBV,uBAAKA,UC3BD,KD4BER,EACE,0BAAQQ,UC5BR,KD6BI,gBAACC,EAAA,GAAD,CAAOd,KAAMK,EAAUI,KAAKC,UAAUK,mBAEzC,KAEL,qBAAGF,UCnCJ,KDmC2BT,GAC1B,sBAAIS,UCjCJ,KDiC4BX,GAC5B,uBAAKW,UCvCH,IDuC4BG,wBAAyB,CAACC,OAAQd,OAMnF,C","sources":["webpack://love_and_peace_factory/./src/templates/news-page.js","webpack://love_and_peace_factory/./src/assets/css/layouts/l-news-article.module.styl"],"sourcesContent":["import React, { useEffect } from \"react\"\nimport { graphql } from \"gatsby\"\nimport { Image } from \"@atoms/Image\"\n// import Prism from '@atoms/Prism'\nimport SEO from \"@atoms/Seo\"\nimport * as Spacer from \"@atoms/Spacer\"\nimport { ItemGallery } from \"@projects/ItemGallery\"\nimport { ItemDetail } from \"@projects/ItemDetail\"\nimport { AccordionBox } from \"@projects/AccordionBox\"\n\nimport * as css from \"@css/layouts/l-news-article.module.styl\"\n\n// import { gsap } from \"gsap\"\n// import { ScrollTrigger } from 'gsap/ScrollTrigger'\n// gsap.registerPlugin(ScrollTrigger)\n\nfunction NewsPage({data})\n{\n    console.log(\"=>\",data)\n    const { title, content, date, thumbnail } = data.post\n\n    \n    return(\n        <>\n            <SEO\n                subtitle={title}\n                description={content}\n                image={thumbnail && `${thumbnail.node.localFile.publicURL}`}\n            />\n            <Spacer.Header/>\n            <article className={css.lNewsArticle}>\n                <div className={css.aInner}>\n                    { thumbnail ?\n                        <figure className={css.aThumbnail}>\n                            <Image data={thumbnail.node.localFile.childImageSharp} />\n                        </figure>\n                        :null\n                    }\n                    <p className={css.aDate}>{date}</p>\n                    <h1 className={css.aTitle}>{title}</h1>\n                    <div className={css.aContent} dangerouslySetInnerHTML={{__html: content}}>\n                    </div>\n                </div>\n            </article>\n        </>\n    )\n}\n\nexport const pagerQuery = graphql`\n    fragment News on WpNews {\n        slug\n        date(formatString: \"YYYY.MM.DD\")\n        title\n        content\n        uri\n        databaseId\n        thumbnail: featuredImage {\n            node {\n                localFile {\n                    publicURL\n                    childImageSharp {\n                        gatsbyImageData(\n                            width: 920\n                            placeholder: BLURRED\n                            formats: [AUTO]\n                            quality: 100\n                            layout: FULL_WIDTH\n                        )\n                    }\n                }\n            }\n        }\n    }\n    query NewsBySlug($id: String!){\n        post: wpNews( id: { eq: $id }){\n            ...News\n        }\n        dammyItem : file(relativePath: { eq: \"Common__img__empty2.png\" }) {\n            childImageSharp {\n                gatsbyImageData(\n                    width: 920\n                    placeholder: BLURRED\n                    formats: [AUTO]\n                    quality: 100\n                    layout: FULL_WIDTH\n                )\n            }\n        }\n    }\n`\nexport default NewsPage","// extracted by mini-css-extract-plugin\nexport var aContent = \"f\";\nexport var aContent__info = \"g\";\nexport var aDate = \"d\";\nexport var aInner = \"b\";\nexport var aThumbnail = \"c\";\nexport var aTitle = \"e\";\nexport var animationMarquee = \"h\";\nexport var lNewsArticle = \"a\";"],"names":["data","post","title","content","date","thumbnail","subtitle","description","image","node","localFile","publicURL","Spacer","className","Image","childImageSharp","dangerouslySetInnerHTML","__html"],"sourceRoot":""}