https://www.jbl.cz/_next/static/chunks/5ee0bd3a6c53818d.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,67308,e=>{"use strict";var i=e.i(95808);e.s(["DsiPagination",()=>i.Pagination])},89662,e=>{"use strict";var i=e.i(43476),t=e.i(71645),a=e.i(97053),n=e.i(25050),o=e.i(18566);e.i(94056);var r=e.i(3713),l=e.i(43199),d=e.i(67308),m=e.i(61244),s=e.i(40582),c=e.i(43283),p=e.i(55487),g=e.i(85635);function f({articlesData:e,topArticles:a,bannerArticle:n,lang:r}){let f=(0,o.usePathname)(),B=(0,o.useSearchParams)(),y=(0,p.useDispatch)(),{__:I}=(0,m.useLangTranslation)("common"),$=e?.articles||[],_=e?.total||0,b=parseInt(B.get("offset")||"0",10)||0;(0,t.useEffect)(()=>{y((0,c.setBreadCrumbPath)(c.BreadCrumbType.CMS_ARTICLES,{name:I("Blog"),path:f},void 0,I))},[y,f,I]);let j=B.toString(),T=`${f}${j?`?${j}`:"?"}`;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.default,{breadCrumb:(0,c.getBreadCrumbPath)(c.BreadCrumbType.CMS_ARTICLES,{name:I("Blog"),path:f},void 0,I)}),(0,i.jsx)(h,{className:"container container--wide",children:(0,i.jsx)(x,{children:(0,i.jsxs)(u,{children:[(0,i.jsx)(C,{children:I("Blog")}),(0,i.jsx)(l.DsiArticleList,{sitemapsById:{},articles:$,isFetching:!1}),_>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(w,{children:(0,i.jsx)(d.DsiPagination,{query:T,totalItems:_,limit:g.BLOG_ARTICLES_LIMIT,offset:b,isMobile:!1})}),(0,i.jsx)(P,{children:(0,i.jsx)(d.DsiPagination,{query:T,totalItems:_,limit:g.BLOG_ARTICLES_LIMIT,offset:b,isMobile:!0})})]})]})})})]})}let h=(0,a.default)(r.FlexRow).withConfig({displayName:"BlogPageClient__Wrapper",componentId:"sc-ff1c4584-0"})`
2  width: 100%;
3  padding: 0 ${(0,n.rem)(12)} !important;
4  margin-bottom: ${(0,n.rem)(80)} !important;
5
6  @media (max-width: 925px) {
7    flex-flow: column;
8    padding: 0 ${(0,n.rem)(16)} ${(0,n.rem)(32)} !important;
9  }
10`,x=(0,a.default)(r.FlexCol).withConfig({displayName:"BlogPageClient__ContentWrapper",componentId:"sc-ff1c4584-1"})`
11  width: 100%;
12  justify-content: flex-end;
13  flex-direction: row;
14  margin-top: ${(0,n.rem)(16)};
15
16  @media (max-width: 925px) {
17    justify-content: center;
18    flex-flow: column;
19  }
20`,u=a.default.div.withConfig({displayName:"BlogPageClient__ArticlesWrapper",componentId:"sc-ff1c4584-2"})`
21  width: 100%;
22  max-width: ${(0,n.rem)(1048)};
23  margin: 0 auto;
24  padding: 0 ${(0,n.rem)(16)};
25
26  @media (max-width: 925px) {
27    padding: 0;
28  }
29
30  @media (max-width: 580px) {
31    padding-top: ${(0,n.rem)(16)};
32  }
33`,C=a.default.h1.withConfig({displayName:"BlogPageClient__Title",componentId:"sc-ff1c4584-3"})`
34  font-weight: 400;
35  font-size: ${(0,n.rem)(30)};
36  line-height: ${(0,n.rem)(38)};
37  color: ${({theme:e})=>e.colors.textPrimary};
38  margin-bottom: ${(0,n.rem)(56)};
39
40  @media (max-width: 925px) {
41    margin: ${(0,n.rem)(32)} 0;
42    font-size: ${(0,n.rem)(24)};
43    line-height: ${(0,n.rem)(32)};
44  }
45`,w=a.default.div.withConfig({displayName:"BlogPageClient__PaginationDesktopWrapper",componentId:"sc-ff1c4584-4"})`
46  @media (max-width: 580px) {
47    display: none;
48  }
49`,P=a.default.div.withConfig({displayName:"BlogPageClient__PaginationMobileWrapper",componentId:"sc-ff1c4584-5"})`
50  display: none;
51
52  @media (max-width: 580px) {
53    display: block;
54  }
55`;e.s(["BlogPageClient",()=>f])}]);