_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[12],{BsWD:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var o=n("a3WO");function i(e,t){if(e){if("string"===typeof e)return Object(o.a)(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Object(o.a)(e,t):void 0}}},KQm4:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var o=n("a3WO");var i=n("BsWD");function s(e){return function(e){if(Array.isArray(e))return Object(o.a)(e)}(e)||function(e){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Object(i.a)(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}},Me17:function(e,t,n){"use strict";n.d(t,"d",(function(){return d})),n.d(t,"a",(function(){return u})),n.d(t,"c",(function(){return m})),n.d(t,"b",(function(){return g}));var o=n("h4VS"),i=n("lTCR"),s=n.n(i);function a(){var e=Object(o.a)(["\n    query ArticleCategories {\n        articleCategories {\n            edges {\n                node {\n                    name\n                    slug \n                }\n            }\n        }\n    }\n"]);return a=function(){return e},e}function r(){var e=Object(o.a)(["\n    query Post($slug: String) {\n        post(slug: $slug) {\n            title \n            slug \n            metaTitle\n            metaDesc\n            ogTitle\n            ogDesc\n            ogImage\n            cover \n            altImage\n            imageTitle\n            datePublish \n            published \n            categories {\n                name \n                slug \n            }\n            headlineTh\n            headlineEn\n            contentDetails {\n                contentType\n                articleTh \n                articleEn\n                image\n                altImage\n                imageTitle\n            }\n            tagging {\n                contentRelated {\n                    title \n                    slug \n                    cover \n                    datePublish \n                    published \n                    categories {\n                        name \n                        slug \n                    }\n                    headlineTh\n                    headlineEn\n                    contentDetails {\n                        contentType\n                        articleTh \n                        articleEn\n                        image\n                    }\n                }\n            }\n        }\n    }\n"]);return r=function(){return e},e}function l(){var e=Object(o.a)(["\n    query AllArticles($after: String, $categories_Slug: String, $published: Boolean) {\n        allArticles(first: 6, after: $after, categories_Slug: $categories_Slug, published: $published) {\n            edges {\n                node {\n                    title\n                    slug\n                    metaTitle\n                    metaDesc\n                    ogTitle\n                    ogDesc\n                    ogImage\n                    headlineTh\n                    headlineEn\n                    cover\n                    altImage\n                    imageTitle\n                    datePublish\n                    published\n                    categories {\n                        name\n                        slug\n                    }\n                    contentDetails {\n                        contentType\n                        articleTh \n                        articleEn\n                        image\n                        altImage\n                        imageTitle\n                    }\n                }\n            }\n            pageInfo {\n                endCursor\n                hasNextPage \n            }\n        }\n    }\n"]);return l=function(){return e},e}function c(){var e=Object(o.a)(["\n    query ResultArticle($search: String) {\n        resultArticle(search: $search) {\n            title \n            slug\n        }\n    }\n"]);return c=function(){return e},e}var d=s()(c()),u=s()(l()),m=s()(r()),g=s()(a())},SIb4:function(e,t,n){"use strict";var o=n("MX0m"),i=n.n(o),s=n("q1tI"),a=n.n(s),r=n("Q7Nm"),l=n("wd/R"),c=n.n(l),d=n("+F/H"),u=a.a.createElement;t.a=function(e){var t=e.article,n=e.slug,o=null===t||void 0===t?void 0:t.node.contentDetails[0],l=(null===o||void 0===o?void 0:o.articleTh.substring(0,280))+"",m=Object(s.useRef)(null),g=Object(s.useRef)(null),p=Object(s.useState)(!1),x=p[0],f=p[1];function w(e){if(g.current.contains(e.target))window.history.pushState("","","/article/".concat(n)),f(!0);else{if(!m.current||m.current.contains(e.target))return void(m.current&&m.current.contains(e.target));window.history.pushState("","","/article"),f(!1)}}function b(){f(!1),window.history.pushState("","","/article")}return Object(s.useEffect)((function(){x?(document.body.style.overflow="hidden",document.body.style.scroll="no"):(document.body.style.overflow="scroll",document.body.style.scroll="yes")}),[x]),Object(s.useEffect)((function(){return window.addEventListener("popstate",b),function(){return window.removeEventListener("popstate",b)}}),[x]),Object(s.useEffect)((function(){return document.addEventListener("click",w),function(){document.removeEventListener("click",w)}}),[m]),u(a.a.Fragment,null,u("div",{ref:g,className:"jsx-2992974508 card__news-link"},u("div",{className:"jsx-2992974508 card__news-focus"},u("div",{className:"jsx-2992974508 card__news-wrapepr"},u("div",{className:"jsx-2992974508 news-col news-content"},u("span",{className:"jsx-2992974508 news-title-date"},c()(null===t||void 0===t?void 0:t.node.datePublish).format("LL")),u("h2",{className:"jsx-2992974508"},null===t||void 0===t?void 0:t.node.title),u("p",{className:"jsx-2992974508"},l),u("div",{className:"jsx-2992974508 shade"}),u("div",{className:"jsx-2992974508 news-content-ext"},"\u0e2d\u0e48\u0e32\u0e19\u0e15\u0e48\u0e2d")),u("span",{style:{backgroundImage:"url(".concat(null===t||void 0===t?void 0:t.node.cover,")")},role:"img","aria-label":null===t||void 0===t?void 0:t.node.altImage,title:null===t||void 0===t?void 0:t.node.imageTitle,className:"jsx-2992974508 news-col news-figure"})))),u(a.a.Fragment,null,x&&u(r.UniversalPortal,{selector:"#modal"},u(d.a,{ref:m,title:null===t||void 0===t?void 0:t.node.title,slug:null===t||void 0===t?void 0:t.node.slug,cover:null===t||void 0===t?void 0:t.node.cover,altImage:null===t||void 0===t?void 0:t.node.altImage,imageTitle:null===t||void 0===t?void 0:t.node.imageTitle,datePublish:null===t||void 0===t?void 0:t.node.datePublish,categories:null===t||void 0===t?void 0:t.node.categories,headlineTh:null===t||void 0===t?void 0:t.node.headlineTh,contentDetails:null===t||void 0===t?void 0:t.node.contentDetails}))),u(i.a,{id:"2992974508"},[".card__news-link.jsx-2992974508{cursor:pointer;}",".card__news-focus.jsx-2992974508{background:#fff;display:block;width:100%;min-height:420px;position:relative;overflow:hidden;border-radius:2px;-webkit-backface-visibility:hidden;}",".card__news-focus.jsx-2992974508:after{display:block;content:' ';padding-bottom:50%;}",".card__news-focus.jsx-2992974508 .card__news-wrapepr.jsx-2992974508{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;}",".card__news-focus.jsx-2992974508 .news-col.jsx-2992974508{box-sizing:border-box;overflow:hidden;}",".card__news-focus.jsx-2992974508 .news-content.jsx-2992974508{width:33.3333%;padding:40px 20px;position:relative;overflow:hidden;}",".card__news-focus.jsx-2992974508 .news-content.jsx-2992974508 .shade.jsx-2992974508{position:absolute;top:50%;bottom:0;left:0;right:0;pointer-events:none;background-image:linear-gradient(180deg,rgba(255,255,255,0.00) 0%,#FFFFFF 73%);}",".card__news-focus.jsx-2992974508 .news-content.jsx-2992974508 .news-content-ext.jsx-2992974508{display:block;position:absolute;bottom:20px;font-family:'Kanit',sans-serif;line-height:1em;font-size:17px;font-weight:500;color:#0096A7;-webkit-transition:all 150ms ease;transition:all 150ms ease;cursor:pointer;}",".card__news-link.jsx-2992974508:hover .card__news-focus.jsx-2992974508 .news-content.jsx-2992974508 .news-content-ext.jsx-2992974508{bottom:25px;-webkit-transition:all 150ms ease;transition:all 150ms ease;color:#A8779C;}",".card__news-focus.jsx-2992974508 .news-content.jsx-2992974508 .news-title-date.jsx-2992974508{display:block;font-weight:500;font-size:11px;-webkit-letter-spacing:0.02em;-moz-letter-spacing:0.02em;-ms-letter-spacing:0.02em;letter-spacing:0.02em;padding-bottom:0.5em;color:#666;text-transform:uppercase;}",".card__news-focus.jsx-2992974508 .news-content.jsx-2992974508 h2.jsx-2992974508{font-size:27px;font-weight:500;line-height:1.22em;margin-bottom:40px;}",".card__news-focus.jsx-2992974508 .news-content.jsx-2992974508 p.jsx-2992974508{line-height:1.7em;}",".card__news-focus.jsx-2992974508 .news-figure.jsx-2992974508{width:66.6666%;min-height:240px;background-image:linear-gradient(90deg,#C79CC2 0%,#87CEDC 100%);font-size:0;background-position:center;background-size:auto 105%;background-repeat:no-repeat;-webkit-transition:all 110ms ease;transition:all 110ms ease;}",".card__news-link.jsx-2992974508:hover .card__news-focus.jsx-2992974508 .news-figure.jsx-2992974508{-webkit-transition:all 150ms ease;transition:all 150ms ease;background-size:auto 110%;}","@media only screen and (max-width:1024px){.card__news-focus.jsx-2992974508:after{padding-bottom:0;}.card__news-focus.jsx-2992974508 .card__news-wrapepr.jsx-2992974508{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;position:unset;}.card__news-focus.jsx-2992974508 .news-content.jsx-2992974508{width:100%;height:240px;}.card__news-focus.jsx-2992974508 .news-figure.jsx-2992974508{width:100%;}.card__news-focus.jsx-2992974508 .news-figure.jsx-2992974508:after{display:block;content:' ';padding-bottom:60%;}.card__news-focus.jsx-2992974508 .news-content.jsx-2992974508 h2.jsx-2992974508{font-size:21px;font-weight:500;line-height:1.22em;margin-bottom:20px;}}"]))}},XGu9:function(e,t,n){"use strict";n.r(t);var o=n("KQm4"),i=n("MX0m"),s=n.n(i),a=n("q1tI"),r=n.n(a),l=n("8Kt/"),c=n.n(l),d=(n("YFqc"),n("4xQG")),u=n("4gQ6"),m=n("Me17"),g=n("QrGo"),p=n("ck/B"),x=n("SIb4"),f=r.a.createElement;t.default=Object(u.a)((function(){var e=Object(a.useState)(""),t=e[0],n=e[1],i=Object(d.a)(m.a,{variables:{after:null,categories_Slug:t,published:!0}}),l=i.loading,u=(i.error,i.data),w=i.fetchMore,b=Object(d.a)(m.b).data;return f(r.a.Fragment,null,f(c.a,null,f("title",{className:"jsx-2468030139"},"\u0e40\u0e01\u0e23\u0e47\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e07 | Elpa Shaw"),f("meta",{name:"description",content:"\u0e23\u0e27\u0e21\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e41\u0e25\u0e30\u0e40\u0e01\u0e23\u0e47\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e15\u0e48\u0e32\u0e07\u0e46\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e07 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e19\u0e23\u0e31\u0e01\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e14\u0e19\u0e15\u0e23\u0e35 \u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07\u0e17\u0e31\u0e49\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e41\u0e25\u0e30\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e2d\u0e22\u0e32\u0e01\u0e40\u0e02\u0e49\u0e32\u0e27\u0e07\u0e01\u0e32\u0e23\u0e19\u0e35\u0e49\u0e15\u0e49\u0e2d\u0e07\u0e2d\u0e48\u0e32\u0e19 \u0e04\u0e25\u0e34\u0e01\u0e40\u0e25\u0e22",className:"jsx-2468030139"}),f("meta",{property:"og:type",content:"website",key:"ogtype",className:"jsx-2468030139"}),f("meta",{property:"og:title",content:"\u0e40\u0e01\u0e23\u0e47\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e07",key:"ogtitle",className:"jsx-2468030139"}),f("meta",{property:"og:description",content:"\u0e23\u0e27\u0e21\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e41\u0e25\u0e30\u0e40\u0e01\u0e23\u0e47\u0e14\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e15\u0e48\u0e32\u0e07\u0e46\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e07 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e19\u0e23\u0e31\u0e01\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e14\u0e19\u0e15\u0e23\u0e35 \u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07\u0e17\u0e31\u0e49\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e41\u0e25\u0e30\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e2d\u0e22\u0e32\u0e01\u0e40\u0e02\u0e49\u0e32\u0e27\u0e07\u0e01\u0e32\u0e23\u0e19\u0e35\u0e49\u0e15\u0e49\u0e2d\u0e07\u0e2d\u0e48\u0e32\u0e19 \u0e04\u0e25\u0e34\u0e01\u0e40\u0e25\u0e22",key:"ogdesc",className:"jsx-2468030139"}),f("meta",{property:"og:site_name",content:"elpashaw.com",key:"ogsitename",className:"jsx-2468030139"}),f("meta",{property:"og:url",content:"https://elpashaw.com/article",key:"ogurl",className:"jsx-2468030139"}),f("meta",{property:"og:image",content:"https://cdn-elpashaw.sgp1.digitaloceanspaces.com/media/bucket/images/ogimage-elpashaw.jpg",key:"ogimage",className:"jsx-2468030139"}),f("meta",{property:"og:image:secure_url",content:"https://cdn-elpashaw.sgp1.digitaloceanspaces.com/media/bucket/images/ogimage-elpashaw.jpg",key:"ogimagesecure",className:"jsx-2468030139"}),f("meta",{property:"og:image:width",content:"1200",className:"jsx-2468030139"}),f("meta",{property:"og:image:height",content:"630",className:"jsx-2468030139"})),!0!==l&&f(r.a.Fragment,null,f("main",{className:"jsx-2468030139 main offset"},f("div",{className:"jsx-2468030139 section__content"},f("div",{className:"jsx-2468030139 section__wrap"},f("div",{className:"jsx-2468030139 section-header"},f("h1",{className:"jsx-2468030139 header-text header-title"},"Article")),f("div",{className:"jsx-2468030139 section-header"},f("span",{className:"jsx-2468030139 header-text"},"Latest"),f("span",{className:"jsx-2468030139 header-text form__dropdown"},f("select",{id:"article-category",onChange:function(e){var t=e.target.value;n(t),w({variables:{categories_Slug:t},updateQuery:function(e,t){var n=t.fetchMoreResult;return n.allArticles.edges=n.allArticles.edges,n}})},value:t,className:"jsx-2468030139"},f("option",{value:"",className:"jsx-2468030139"},"all articles"),null===b||void 0===b?void 0:b.articleCategories.edges.map((function(e,t){return f("option",{key:t.toString(),value:"".concat(e.node.slug),className:"jsx-2468030139"},e.node.name)}))))),f("div",{className:"jsx-2468030139 grid__focus"},""===t?f(x.a,{article:null===u||void 0===u?void 0:u.allArticles.edges[0],slug:null===u||void 0===u?void 0:u.allArticles.edges[0].node.slug}):""),f("div",{className:"jsx-2468030139 grid__news"},f(r.a.Fragment,null,""===t?null===u||void 0===u?void 0:u.allArticles.edges.slice(1).map((function(e,t){return f("div",{key:t.toString(),className:"jsx-2468030139 col"},f(p.a,{title:null===e||void 0===e?void 0:e.node.title,slug:null===e||void 0===e?void 0:e.node.slug,cover:null===e||void 0===e?void 0:e.node.cover,altImage:null===e||void 0===e?void 0:e.node.altImage,imageTitle:null===e||void 0===e?void 0:e.node.imageTitle,datePublish:null===e||void 0===e?void 0:e.node.datePublish,categories:null===e||void 0===e?void 0:e.node.categories.name,headlineTh:null===e||void 0===e?void 0:e.node.headlineTh,contentDetails:null===e||void 0===e?void 0:e.node.contentDetails}))})):null===u||void 0===u?void 0:u.allArticles.edges.map((function(e,t){return f("div",{key:t.toString(),className:"jsx-2468030139 col"},f(p.a,{title:null===e||void 0===e?void 0:e.node.title,slug:null===e||void 0===e?void 0:e.node.slug,cover:null===e||void 0===e?void 0:e.node.cover,altImage:null===e||void 0===e?void 0:e.node.altImage,imageTitle:null===e||void 0===e?void 0:e.node.imageTitle,datePublish:null===e||void 0===e?void 0:e.node.datePublish,categories:null===e||void 0===e?void 0:e.node.categories.name,headlineTh:null===e||void 0===e?void 0:e.node.headlineTh,contentDetails:null===e||void 0===e?void 0:e.node.contentDetails}))})))),f(r.a.Fragment,null,!0===(null===u||void 0===u?void 0:u.allArticles.pageInfo.hasNextPage)&&f("div",{className:"jsx-2468030139 section__loadmore"},f("button",{onClick:function(){var e=u.allArticles.pageInfo.endCursor;w({variables:{after:e},updateQuery:function(e,t){var n=t.fetchMoreResult;return n.allArticles.edges=[].concat(Object(o.a)(e.allArticles.edges),Object(o.a)(n.allArticles.edges)),n}})},className:"jsx-2468030139 btn__loadmore"},"more")))))),f(g.a,null)),f(s.a,{id:"2468030139"},[".section-header.jsx-2468030139{box-sizing:border-box;margin-top:40px;margin-bottom:40px;font-family:'Kanit',sans-serif;font-weight:400;font-size:30px;color:#2F3134;line-height:1.4em;}",".header-title.jsx-2468030139{font-size:48px;}",".form__dropdown.jsx-2468030139{position:relative;border-bottom:2px solid #2F3134;margin-left:10px;}",'.form__dropdown.jsx-2468030139::after{content:" ";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #333;position:absolute;bottom:16px;right:10px;pointer-events:none;}',".form__dropdown.jsx-2468030139 select.jsx-2468030139{background-color:#E6E6E6;font-family:'Kanit',sans-serif;font-weight:500;font-size:30px;color:#2F3134;line-height:1.22em;margin:0;border-top:0;border-left:0;border-right:0;border-bottom:0;border-radius:0px;text-indent:0px;text-overflow:' ';outline:none;box-sizing:border-box;-webkit-appearance:button;position:relative;padding-right:40px;-moz-appearance:window;-webkit-appearance:none;cursor:pointer;}",".form__dropdown.jsx-2468030139 .option.jsx-2468030139{font-family:'Kanit',sans-serif;font-weight:normal;font-size:18px;color:#2F3134;line-height:1.4em;margin:0;padding:0;}",".grid__focus.jsx-2468030139{display:block;margin-top:80px;}",".grid__news.jsx-2468030139{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px;grid-row-gap:10px;margin-top:10px;margin-bottom:40px;}",".section__loadmore.jsx-2468030139{padding-top:40px;padding-bottom:40px;width:100%;display:block;}",".section__loadmore.jsx-2468030139 .btn__loadmore.jsx-2468030139{margin:0 auto;width:100px;height:44px;display:block;cursor:pointer;border:none;outline:none;background:#0096A7;font-family:'kanit';font-weight:400;line-height:1.2em;text-transform:uppercase;font-size:15px;color:#fff;border-radius:22px;-webkit-transition:all 300ms ease;transition:all 300ms ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}",".section__loadmore.jsx-2468030139 .btn__loadmore.jsx-2468030139:hover{opacity:0.4;-webkit-transition:all 300ms ease;transition:all 300ms ease;}",'@media only screen and (max-width:768px){.section-header.jsx-2468030139{font-size:18px;color:#2F3134;line-height:1.4em;}.header-text.jsx-2468030139{display:inline-block;margin:0;}.header-text.jsx-2468030139:last-child{display:block;margin:0;}.header-text.jsx-2468030139{display:block;margin:0;}.header-title.jsx-2468030139{font-size:42px;}.form__dropdown.jsx-2468030139 select.jsx-2468030139{font-size:18px;width:100%;}.form__dropdown.jsx-2468030139::after{content:" ";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #333;position:absolute;bottom:10px;right:10px;}.grid__news.jsx-2468030139{grid-template-columns:1fr;}}']))}))},a3WO:function(e,t,n){"use strict";function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}n.d(t,"a",(function(){return o}))},"ck/B":function(e,t,n){"use strict";var o=n("MX0m"),i=n.n(o),s=n("q1tI"),a=n.n(s),r=n("Q7Nm"),l=n("wd/R"),c=n.n(l),d=n("+F/H"),u=a.a.createElement;t.a=function(e){var t=e.title,n=e.slug,o=e.cover,l=e.altImage,m=e.imageTitle,g=e.datePublish,p=e.categories,x=e.headlineTh,f=e.contentDetails,w=f[0],b=(null===w||void 0===w?void 0:w.articleTh.substring(0,280))+"",h=Object(s.useRef)(null),v=Object(s.useRef)(null),j=Object(s.useState)(!1),_=j[0],y=j[1];function k(e){if(v.current.contains(e.target))window.history.pushState("","","/article/".concat(n)),y(!0);else{if(!h.current||h.current.contains(e.target))return void(h.current&&h.current.contains(e.target));window.history.pushState("","","/article"),y(!1)}}function N(){y(!1),window.history.pushState("","","/article")}return Object(s.useEffect)((function(){_?(document.body.style.overflow="hidden",document.body.style.scroll="no"):(document.body.style.overflow="scroll",document.body.style.scroll="yes")}),[_]),Object(s.useEffect)((function(){return window.addEventListener("popstate",N),function(){return window.removeEventListener("popstate",N)}}),[_]),Object(s.useEffect)((function(){return document.addEventListener("click",k),function(){document.removeEventListener("click",k)}}),[h]),u(a.a.Fragment,null,u("div",{ref:v,className:"jsx-2363306607 card__news-link"},u("div",{className:"jsx-2363306607 card__news"},u("span",{style:{backgroundImage:"url(".concat(o,")")},role:"img","aria-label":l,title:m,className:"jsx-2363306607 card__news-cover"}),u("div",{className:"jsx-2363306607 card__news-title"},u("span",{className:"jsx-2363306607 news-title-date"},c()(g).format("LL")),u("h2",{className:"jsx-2363306607 news-title-text"},t),u("div",{className:"jsx-2363306607 news-content"},u("p",{className:"jsx-2363306607 news-content-text"},b)),u("div",{className:"jsx-2363306607 shade"}),u("div",{className:"jsx-2363306607 news-content-ext"},"\u0e2d\u0e48\u0e32\u0e19\u0e15\u0e48\u0e2d")))),u(a.a.Fragment,null,_&&u(r.UniversalPortal,{selector:"#modal"},u(d.a,{ref:h,title:t,slug:n,cover:o,altImage:l,imageTitle:m,datePublish:g,categories:p,headlineTh:x,contentDetails:f}))),u(i.a,{id:"2363306607"},[".card__news-link.jsx-2363306607{cursor:pointer;}",".close-btn.jsx-2363306607{position:fixed;top:0;left:0;display:block;z-index:99999;}",".card__news.jsx-2363306607{background:#fff;width:100%;position:relative;overflow:hidden;border-radius:2px;-webkit-backface-visibility:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}",".card__news-cover.jsx-2363306607{display:block;background:#ccc;width:100%;min-height:320px;}",".card__news-cover.jsx-2363306607{background-position:center;background-size:auto 115%;background-repeat:no-repeat;-webkit-transition:all 110ms ease;transition:all 110ms ease;}",".card__news-link.jsx-2363306607:hover .card__news-cover.jsx-2363306607{-webkit-transition:all 150ms ease;transition:all 150ms ease;background-size:auto 125%;}",".card__news-cover.jsx-2363306607:after{content:' ';display:block;padding-bottom:60%;}",".card__news-title.jsx-2363306607{padding:20px;box-sizing:border-box;position:relative;height:240px;}",".card__news-title.jsx-2363306607 .news-title-date.jsx-2363306607{display:block;font-weight:500;font-size:11px;-webkit-letter-spacing:0.02em;-moz-letter-spacing:0.02em;-ms-letter-spacing:0.02em;letter-spacing:0.02em;padding-bottom:0.5em;color:#666;text-transform:uppercase;}",".card__news-title.jsx-2363306607 .news-title-text.jsx-2363306607{display:block;height:56px;font-weight:400;font-size:21px;line-height:1.22em;font-family:'Kanit',sans-serif;margin-bottom:20px;}",".card__news-title.jsx-2363306607 .news-content.jsx-2363306607{display:block;height:120px;overflow:hidden;}",".card__news-title.jsx-2363306607 .news-content-text.jsx-2363306607{line-height:1.7em;display:block;padding-bottom:20px;overflow:hidden;}",".card__news-title.jsx-2363306607 .news-content-ext.jsx-2363306607{display:block;position:absolute;bottom:20px;font-family:'Kanit',sans-serif;line-height:1em;font-size:17px;font-weight:500;color:#0096A7;-webkit-transition:all 150ms ease;transition:all 150ms ease;cursor:pointer;}",".card__news-link.jsx-2363306607:hover .card__news-title.jsx-2363306607 .news-content-ext.jsx-2363306607{bottom:25px;-webkit-transition:all 150ms ease;transition:all 150ms ease;color:#A8779C;}",".shade.jsx-2363306607{background-image:linear-gradient(180deg,rgba(255,255,255,0.00) 0%,#FFFFFF 73%);position:absolute;bottom:0;top:50%;left:0;right:0;pointer-events:none;}"]))}},hnoX:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/article",function(){return n("XGu9")}])}},[["hnoX",1,2,5,0,3,6]]]);