1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9766],{25939:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/style-guide/components/image-tiles",function(){return i(55149)}])},86012:function(e,t,i){"use strict";i.d(t,{Vm:function(){return s},jM:function(){return c}});var n,s,r=i(69969),a=i(71372);(n=s||(s={})).Landscape="landscape",n.Portrait="portrait",n.Product="product";let o={landscape:{url:"https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8",width:800,height:500},portrait:{url:"https://images.unsplash.com/photo-1604866830893-c13cafa515d5",width:800,height:500},product:{url:"https://images.unsplash.com/photo-1651786216552-d627fe3aabdc",width:300,height:300}},l=(e,t)=>{if(!e)return"";let i=(0,r.n)({auto:"format",fit:"crop",...t}).toString();return"".concat(e,"?").concat(i)},c=function(e,t){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"Placeholder Image",{url:n,width:s,height:r}=o[e],c=Array.isArray(t)?{width:t[0],height:t[1]}:t||{width:s,height:r},{width:u,height:m}=c,d=l(n,{w:u,h:m});return(0,a.s1)(d,i,c)}},47058:function(e,t,i){"use strict";var n=i(85893),s=i(94184),r=i.n(s),a=i(67294),o=i(65211),l=i(25748);t.Z=e=>{let{title:t,entry:i,className:s=""}=e,[c,u]=(0,a.useState)(!1),m=(0,o.qO)((0,o.Dp)(i)),d=JSON.stringify(i,void 0,2),p=r()("btn btn-info btn-sm z-index-5",{active:c});return(0,n.jsxs)("div",{className:"mb-5 example-entry",children:[(0,n.jsxs)("div",{className:"d-flex justify-content-between p-3 align-items-center",children:[(0,n.jsx)("h5",{children:t}),(0,n.jsx)("button",{type:"button",className:p,onClick:()=>u(!c),children:"</> JSON"})]}),(0,n.jsx)("div",{style:{border:"1px dashed #ccc"},className:s,children:c?(0,n.jsx)("pre",{className:"json",children:d}):(0,n.jsx)(l.Z,{document:m})})]})}},55149:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return o},default:function(){return l}});var n=i(85893),s=i(86012),r=i(47058),a=i(72427);i(67294);var o=!0;function l(){let e=(0,s.jM)(s.Vm.Landscape),t={columnsPerRow:2,justifyContent:"Center",images:[void 0,void 0,void 0,void 0,void 0].map((t,i)=>a.P9.image("_image".concat(i),{link:a.P9.pageBasic("_page".concat(i),{url:"/"}),image:e,style:"Default"}))},i=a.P9.imageTiles("imageTiles",{...t}),o=a.P9.imageTiles("imageTiles",{...t,columnsPerRow:3}),l=a.P9.imageTiles("imageTiles",{...t,columnsPerRow:4}),c=a.P9.imageTiles("imageTiles",{...t,columnsPerRow:6}),u=a.P9.imageTiles("imageTiles",{...t,columnsPerRow:6,justifyContent:"Space Between"}),m=a.P9.imageTiles("imageTiles",{...t,columnsPerRow:6,justifyContent:"Space Around"});return(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{children:"Image Tiles"}),(0,n.jsx)(r.Z,{entry:i,title:"Example - 2 columns per row"}),(0,n.jsx)(r.Z,{entry:o,title:"Example - 3 columns per row"}),(0,n.jsx)(r.Z,{entry:l,title:"Example - 4 columns per row"}),(0,n.jsx)(r.Z,{entry:c,title:"Example - 6 columns per row"}),(0,n.jsx)(r.Z,{entry:u,title:"Example - 6 columns per row (Justify Content: Space Between)"}),(0,n.jsx)(r.Z,{entry:m,title:"Example - 6 columns per row (Justify Content: Space Around)"})]})}}},function(e){e.O(0,[2311,4380,8521,5756,408,6196,2888,9774,179],function(){return e(e.s=25939)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.