https://www.caas.works/_next/static/chunks/pages/blog-458bc5933772be26.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9195],{67801:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return n(98457)}])},64679:function(e,t,n){"use strict";n.d(t,{ZR:function(){return BlogList},lg:function(){return BlogListGrid},ci:function(){return BlogListItem}});var r=n(85893),s=n(41664),l=n.n(s);let BlogJumbotron=()=>(0,r.jsx)("div",{className:"bg-gradient-to-r from-primary-500 to-slate-500 text-white",children:(0,r.jsxs)("div",{className:"mx-auto w-full max-w-7xl px-4 py-12 text-center md:px-6 md:py-16",children:[(0,r.jsx)("div",{className:"h-[var(--ci-header-height)]"}),(0,r.jsx)("h2",{className:"mb-4 text-lg font-bold tracking-wider text-white/50",children:"BLOG"}),(0,r.jsx)("h1",{className:"mb-5 text-5xl font-bold",children:"블로그"}),(0,r.jsx)("p",{children:"카스웍스 신규 소식과 건설 관련 정보를 확인해보세요"})]})});var i=n(5419),a=n(63908),o=n(13431),c=n(27484),d=n.n(c);let BlogList=e=>{let{children:t}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(BlogJumbotron,{}),(0,r.jsx)("div",{className:"mx-auto w-full max-w-7xl px-4 pb-10 pt-6 md:px-6",children:t})]})},BlogListGrid=e=>{let{children:t,span:n=3}=e;return(0,r.jsx)("div",{className:(0,i.cn)("grid grid-cols-1 gap-4 md:grid-cols-3 md:gap-6",2===n&&"md:grid-cols-2"),children:t})},BlogListItem=e=>{var t,n,s;let{data:i}=e;return(0,r.jsxs)(l(),{href:"/blog/".concat(i._id),className:"group block",children:[(0,r.jsxs)("div",{className:"relative flex aspect-[16/9] w-full items-center justify-center overflow-hidden rounded-lg bg-base-100",children:[(null===(t=i.thumbnail)||void 0===t?void 0:t.url)&&(0,r.jsx)("img",{src:i.thumbnail.url,alt:i.title,loading:"lazy",className:"absolute inset-0 size-full object-cover object-center transition-all duration-300 group-hover:scale-110 group-hover:blur-sm group-hover:brightness-75"}),!(null===(n=i.thumbnail)||void 0===n?void 0:n.url)&&(0,r.jsx)(a.Z,{className:"size-10 text-base-400"}),(0,r.jsx)("div",{className:"absolute inset-0 flex size-full items-center justify-center rounded-lg border border-solid border-black/5",children:(0,r.jsx)("div",{className:"flex size-12 items-center justify-center rounded-full bg-white/50 opacity-0 shadow-sm transition-all duration-300 group-hover:translate-x-1 group-hover:opacity-100",children:(0,r.jsx)(o.Z,{className:"size-7 -translate-x-1 text-white transition-transform duration-300 group-hover:translate-x-0"})})})]}),(0,r.jsxs)("div",{className:"grid gap-1 px-2 py-3",children:[(0,r.jsx)("h2",{className:"line-clamp-2 text-base font-semibold text-gray-900 transition-colors duration-300 group-hover:text-primary-500",children:i.title}),(0,r.jsx)("p",{className:"line-clamp-2 text-sm text-gray-600",children:i.shortDescription}),(0,r.jsxs)("div",{className:"flex items-center gap-2 text-sm text-base-500",children:[(null===(s=i.category)||void 0===s?void 0:s.name)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{children:i.category.name}),(0,r.jsx)("div",{className:"h-3 w-px rounded-full bg-base-200"})]}),(0,r.jsx)("time",{className:"font-sans",children:d()(i.createdAt).format("YYYY.MM.DD")})]})]})]})}},73873:function(e,t,n){"use strict";n.d(t,{Z:function(){return PostingListFilter}});var r=n(82729),s=n(85893),l=n(69813),i=n(17951),a=n(67294),o=n(94589),c=n(97004),d=n(41675);function _templateObject(){let e=(0,r._)(["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 1rem;\n  border-bottom: ",";\n  gap: ",";\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,r._)(["\n    width: 100%;\n  "]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,r._)(["\n  position: relative;\n  width: 350px;\n\n  input {\n    width: 100%;\n    height: 40px;\n    padding: 0 36px 0 12px;\n    border-radius: 4px;\n    border: 1px solid #d9d9d9;\n    background: #fff;\n\n    color: ",";\n    font-size: 1rem;\n    font-weight: 400;\n    letter-spacing: -0.48px;\n\n    outline: none;\n\n    &::placeholder {\n      color: #bfbfbf;\n    }\n  }\n\n  svg {\n    cursor: pointer;\n    position: absolute;\n    top: 8px;\n    right: 10px;\n  }\n\n  ","\n"]);

1return _templateObject2=function(){return e},e}let PostingListFilter=e=>{let{category:t,categoryOptions:n,search:r,onChangeCategory:i,onSearch:o,hasBorder:d=!0}=e,p=(0,c.dD)(),[g,m]=(0,a.useState)(r||"");(0,a.useEffect)(()=>{m(r||"")},[r]);let handleSearch=()=>{null==o||o(g)};return(0,s.jsxs)(u,{hasBorder:d,category:!!(null==n?void 0:n.length),children:[(null==n?void 0:n.length)?(0,s.jsx)(l.Select,{value:t||"",options:n,onChange:e=>null==i?void 0:i(e),placeholder:"구분",matchWidth:!1,style:{minWidth:p?120:200}}):(0,s.jsx)("div",{}),(0,s.jsxs)(h,{children:[(0,s.jsx)("input",{placeholder:"검색어를 입력해주세요",value:g,onChange:e=>m(e.target.value),onKeyDown:e=>{"Enter"===e.key&&handleSearch()}}),(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",onClick:handleSearch,children:[(0,s.jsx)("path",{d:"M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35785 14.6421 3 10.5 3C6.35786 3 3 6.35785 3 10.5C3 14.6421 6.35786 18 10.5 18Z",stroke:"#404040",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M21 21L16 16",stroke:"#404040",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})]})]})]})},u=o.ZP.div.withConfig({componentId:"sc-a3718108-0"})(_templateObject(),e=>{let{hasBorder:t}=e;return t?"1px solid #eee":"none"},e=>{let{category:t}=e;return t?"0.5rem":void 0}),h=o.ZP.div.withConfig({componentId:"sc-a3718108-1"})(_templateObject2(),i.rS.color.gray[900],(0,d.wz)(_templateObject1()))},98457:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return g},default:function(){return BlogListPage}});var r=n(85893),s=n(69813),l=n(10149),i=n(5152),a=n.n(i),o=n(11163),c=n(67294),d=n(32378),u=n(64679),h=n(73873);let p=a()(()=>Promise.all([n.e(6057),n.e(1033),n.e(9843)]).then(n.bind(n,69843)),{loadableGenerated:{webpack:()=>[69843]}});var g=!0;function BlogListPage(e){let{data:t,query:n,menus:i,categories:a}=e,g=(0,o.useRouter)(),[m,x]=(0,c.useState)(!1);(0,c.useEffect)(()=>{x(!1)},[t]);let f=[{value:"",label:"전체"},...a.map(e=>({value:e._id,label:e.name}))];return(0,r.jsx)(d.A,{happytalk:!0,headerDark:!0,menus:i,meta:{browserTitle:"카스웍스 공식 블로그",title:"카스웍스 공식 블로그",siteName:"카스웍스 공식 블로그"},children:(0,r.jsxs)(u.ZR,{children:[(0,r.jsx)(h.Z,{category:n.category_id||"",categoryOptions:f,search:n.search,hasBorder:!1,onChangeCategory:e=>{g.push({pathname:"/blog",query:{...n,category_id:e||void 0,offset:0}}),x(!0)},onSearch:e=>{g.push({pathname:"/blog",query:{...n,search:e,offset:0}}),x(!0)}}),m?(0,r.jsxs)(u.lg,{children:[(0,r.jsx)(l.Z,{}),(0,r.jsx)(l.Z,{}),(0,r.jsx)(l.Z,{})]}):n.search&&!t.data.length?(0,r.jsx)(s.Box,{display:"flex",alignItems:"center",justifyContent:"center",children:(0,r.jsx)(s.Result,{status:"empty",title:"검색 결과가 없습니다."})}):(0,r.jsx)(u.lg,{children:t.data.map(e=>(0,r.jsx)(u.ci,{data:e},e._id))}),(0,r.jsx)("div",{className:"flex justify-center pb-16 pt-10 md:pb-[100px] md:pt-[60px]",children:(0,r.jsx)(p,{defaultCurrent:n.offset/n.limit+1,pageSize:n.limit,total:t.total,showSizeChanger:!1,onChange:e=>{g.push({pathname:"/blog",query:{...n,offset:(e-1)*n.limit}}),x(!0)}})})]})})}},13431:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});/**
2 * @license @tabler/icons-react v3.17.0 - MIT
3 *
4 * This source code is licensed under the MIT license.
5 * See the LICENSE file in the root directory of this source tree.
6 */var r=(0,n(33733).Z)("outline","arrow-right","IconArrowRight",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M13 18l6 -6",key:"svg-1"}],["path",{d:"M13 6l6 6",key:"svg-2"}]])},63908:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});/**
7 * @license @tabler/icons-react v3.17.0 - MIT
8 *
9 * This source code is licensed under the MIT license.
10 * See the LICENSE file in the root directory of this source tree.
11 */var r=(0,n(33733).Z)("outline","photo-edit","IconPhotoEdit",[["path",{d:"M15 8h.01",key:"svg-0"}],["path",{d:"M11 20h-4a3 3 0 0 1 -3 -3v-10a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v4",key:"svg-1"}],["path",{d:"M4 15l4 -4c.928 -.893 2.072 -.893 3 0l3 3",key:"svg-2"}

11],["path",{d:"M14 14l1 -1c.31 -.298 .644 -.497 .987 -.596",key:"svg-3"}],["path",{d:"M18.42 15.61a2.1 2.1 0 0 1 2.97 2.97l-3.39 3.42h-3v-3l3.42 -3.39z",key:"svg-4"}]])}},function(e){e.O(0,[2876,6556,3777,2335,7612,7567,6711,7651,9053,9774,2888,179],function(){return e(e.s=67801)}),_N_E=e.O()}]);